/* WHMCS 9 loads Font Awesome 6 Pro, but the base theme (ticket rating stars) and the order form icons still ask for
   "Font Awesome 5 Pro" or "Font Awesome 6 Free", which no longer exist and drew as empty boxes. These names now point
   at the Font Awesome 6 Pro files WHMCS ships. */
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../../../assets/fonts/font-awesome/fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../../../assets/fonts/font-awesome/fa-regular-400.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../../../../assets/fonts/font-awesome/fa-light-300.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../../../assets/fonts/font-awesome/fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../../../assets/fonts/font-awesome/fa-solid-900.woff2") format("woff2");
}

:root {
    --font-heading: "Plus Jakarta Sans", sans-serif;
    --font-body: "Plus Jakarta Sans", sans-serif;
    --font-alt: "Plus Jakarta Sans", sans-serif;
    --font-xs: 12px;
    --font-sm: 13px;
    --font-md: 14px;
    --font-base: 15px;
    --font-lg: 18px;
    --font-xl: 24px;
    --font-2xl: 32px;
    --font-3xl: 40px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --hue: 226;
    --sat: 92%;
    --primary-lightness: 58%;
    --brand-primary: hsl(var(--hue), var(--sat), var(--primary-lightness));
    --brand-primary-hover: hsl(var(--hue), 88%, 48%);
    --brand-primary-active: hsl(var(--hue), 88%, 38%);
    --brand-primary-rgb: 49, 96, 246;
    --brand-accent: #0580fc;
    --brand-accent-rgb: 5, 128, 252;
    --brand-soft-1: hsla(var(--hue), 100%, 97%, 1);
    --brand-soft-2: hsla(var(--hue), 88%, 94%, 1);
    --brand-soft-3: hsla(var(--hue), 82%, 89%, 1);
    --brand-border: hsla(var(--hue), 58%, 84%, 1);
    --brand-border-soft: hsla(var(--hue), 52%, 92%, 1);
    --surface-page: #ffffff;
    --surface-card: #ffffff;
    --surface-soft: hsla(var(--hue), 58%, 97%, 1);
    --surface-muted: hsla(var(--hue), 40%, 95%, 1);
    --surface-2: var(--surface-muted);
    --text-main: #0b0d1f;
    --text-secondary: #4e5260;
    --text-muted: #5b6474;
    --text-soft: #646d7e;
    --border: hsla(var(--hue), 36%, 86%, 1);
    --border-soft: hsla(var(--hue), 28%, 92%, 1);
    --success: var(--brand-primary);
    --success-bg: var(--brand-soft-1);
    --success-border: var(--brand-border);
    --warning: #9a5b00;
    --warning-bg: rgba(217, 138, 18, 0.1);
    --warning-border: rgba(217, 138, 18, 0.28);
    --danger: #c62f35;
    --danger-bg: rgba(229, 72, 77, 0.08);
    --danger-border: rgba(229, 72, 77, 0.26);
    --gradient-primary: #3160f6;
    --gradient-primary-hover: #2449d8;
    --gradient-soft: #f4f7fa;
    --background: var(--surface-page);
    --foreground: var(--text-main);
    --card: rgba(255, 255, 255, 0.94);
    --surface: var(--surface-card);
    --muted: var(--text-muted);
    --primary: var(--brand-primary);
    --primary-rgb: var(--brand-primary-rgb);
    --primary-hover: var(--brand-primary-hover);
    --accent: var(--brand-accent);
    --accent-rgb: var(--brand-accent-rgb);
    --hero-art-filter: none;
    --shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 18px 40px rgba(16, 24, 40, 0.06);
    --shadow-lg: 0 24px 60px rgba(16, 24, 40, 0.08);
    --shadow-card: var(--shadow-md);
    --shadow-soft: var(--shadow-lg);
    --shadow-soft-lg: 0 18px 44px -28px rgba(15, 23, 42, 0.18);
    --sidebar-width: 272px;
    --topbar-height: 98px;
    --header-height: 98px;
    --container-width: 1280px;
    --radius-xl: 24px;
    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 12px;
    --space-7: 1.75rem;
}

html[lang="ar"] {
    --font-heading: "Cairo", sans-serif;
    --font-body: "Cairo", sans-serif;
    --font-alt: "Cairo", sans-serif;
}

body.whmcs-dashboard-body,
body.whmcs-dashboard-body input,
body.whmcs-dashboard-body select,
body.whmcs-dashboard-body textarea,
body.whmcs-dashboard-body button {
    font-family: var(--font-body);
}

body.whmcs-dashboard-body h1,
body.whmcs-dashboard-body h2,
body.whmcs-dashboard-body h3,
body.whmcs-dashboard-body h4,
body.whmcs-dashboard-body h5,
body.whmcs-dashboard-body h6 {
    font-family: var(--font-heading);
}

body.whmcs-dashboard-body[data-theme="green"] {
    --primary-50: #F2FBF7;
    --primary-100: #E4F7EE;
    --primary-200: #C7EEDC;
    --primary-300: #98DFC0;
    --primary-400: #5FC89A;
    --primary-500: #16A56B;
    --primary-600: #12885A;
    --primary-700: #0E6D49;
    --primary-800: #0C573B;
    --primary-900: #0A4630;
    --surface-main: #FCFFFD;
    --surface-soft: #f4f7fa;
    --surface-card: #ffffff;
    --surface-hover: #f4f7fa;
    --border-soft: #eef1f5;
    --border-light: #eef1f5;
}

body.whmcs-dashboard-body[data-theme="blue"] {
    --primary-50: #F4F8FF;
    --primary-100: #EAF1FF;
    --primary-200: #D7E4FF;
    --primary-300: #B7CFFF;
    --primary-400: #82AEFF;
    --primary-500: #3B82F6;
    --primary-600: #2563EB;
    --primary-700: #1D4ED8;
    --primary-800: #1E40AF;
    --primary-900: #1E3A8A;
    --surface-main: #FCFDFF;
    --surface-soft: #f4f7fa;
    --surface-card: #ffffff;
    --surface-hover: #f4f7fa;
    --border-soft: #eef1f5;
    --border-light: #eef1f5;
}

body.whmcs-dashboard-body[data-theme="purple"] {
    --primary-50: #F8F5FF;
    --primary-100: #F1EBFF;
    --primary-200: #E3D6FF;
    --primary-300: #CCB5FF;
    --primary-400: #A881F5;
    --primary-500: #8B5CF6;
    --primary-600: #7C3AED;
    --primary-700: #6D28D9;
    --primary-800: #5B21B6;
    --primary-900: #4C1D95;
    --surface-main: #FDFCFF;
    --surface-soft: #f4f7fa;
    --surface-card: #ffffff;
    --surface-hover: #f4f7fa;
    --border-soft: #eef1f5;
    --border-light: #eef1f5;
}

body.whmcs-dashboard-body[data-theme="red"] {
    --primary-50: #FFF5F5;
    --primary-100: #FFE8E8;
    --primary-200: #FFD1D1;
    --primary-300: #FFB0B0;
    --primary-400: #F88383;
    --primary-500: #EF4444;
    --primary-600: #DC2626;
    --primary-700: #B91C1C;
    --primary-800: #991B1B;
    --primary-900: #7F1D1D;
    --surface-main: #FFFCFC;
    --surface-soft: #f4f7fa;
    --surface-card: #ffffff;
    --surface-hover: #f4f7fa;
    --border-soft: #eef1f5;
    --border-light: #eef1f5;
}

body.whmcs-dashboard-body[data-theme="yellow"] {
    --primary-50: #FFF9EF;
    --primary-100: #FFF1D8;
    --primary-200: #FFE3B0;
    --primary-300: #F5CF7D;
    --primary-400: #EAB251;
    --primary-500: #D89A28;
    --primary-600: #B7791F;
    --primary-700: #975D1A;
    --primary-800: #7B4A19;
    --primary-900: #653E19;
    --surface-main: #FFFEFB;
    --surface-soft: #f4f7fa;
    --surface-card: #ffffff;
    --surface-hover: #f4f7fa;
    --border-soft: #eef1f5;
    --border-light: #eef1f5;
}

body.whmcs-dashboard-body[data-theme="black"] {
    --primary-50: #F4F6F8;
    --primary-100: #EAEEF2;
    --primary-200: #D7DFE8;
    --primary-300: #B7C2CF;
    --primary-400: #7C8A9E;
    --primary-500: #334155;
    --primary-600: #1F2937;
    --primary-700: #111827;
    --primary-800: #0F172A;
    --primary-900: #020617;
    --surface-main: #ffffff;
    --surface-soft: #f4f7fa;
    --surface-card: #ffffff;
    --surface-hover: #f4f7fa;
    --border-soft: #eef1f5;
    --border-light: #eef1f5;
}

body.whmcs-dashboard-body .icheckbox_square-blue,
body.whmcs-dashboard-body .iradio_square-blue {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1.5px solid rgba(var(--primary-rgb), 0.24) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

body.whmcs-dashboard-body .icheckbox_square-blue {
    border-radius: 7px;
}

body.whmcs-dashboard-body .iradio_square-blue {
    border-radius: 999px;
}

body.whmcs-dashboard-body .icheckbox_square-blue::after,
body.whmcs-dashboard-body .iradio_square-blue::after {
    content: "";
    display: block;
    opacity: 0;
    transform: scale(0.72);
    transition:
        opacity 0.18s ease,
        transform 0.18s ease;
}

body.whmcs-dashboard-body .icheckbox_square-blue::after {
    width: 6px;
    height: 11px;
    margin-top: -1px;
    border-right: 2px solid var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
    transform: rotate(45deg) scale(0.72);
    transform-origin: center;
}

body.whmcs-dashboard-body .iradio_square-blue::after {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--brand-primary);
}

body.whmcs-dashboard-body .icheckbox_square-blue.hover,
body.whmcs-dashboard-body .iradio_square-blue.hover {
    border-color: rgba(var(--primary-rgb), 0.4) !important;
    background: rgba(var(--primary-rgb), 0.04) !important;
}

body.whmcs-dashboard-body .icheckbox_square-blue.checked,
body.whmcs-dashboard-body .iradio_square-blue.checked {
    border-color: rgba(var(--primary-rgb), 0.58) !important;
    background: rgba(var(--primary-rgb), 0.1) !important;
}

body.whmcs-dashboard-body .icheckbox_square-blue.checked::after,
body.whmcs-dashboard-body .iradio_square-blue.checked::after {
    opacity: 1;
}

body.whmcs-dashboard-body .icheckbox_square-blue.checked::after {
    transform: rotate(45deg) scale(1);
}

body.whmcs-dashboard-body .iradio_square-blue.checked::after {
    transform: scale(1);
}

body.whmcs-dashboard-body .icheckbox_square-blue.disabled,
body.whmcs-dashboard-body .iradio_square-blue.disabled,
body.whmcs-dashboard-body .icheckbox_square-blue.checked.disabled,
body.whmcs-dashboard-body .iradio_square-blue.checked.disabled {
    opacity: 0.52;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .iCheck-helper {
    border: 0 !important;
    background: transparent !important;
}

.hostique-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
}

.hostique-brand__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
}

.hostique-brand__text {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    min-width: 0;
}

.hostique-brand__name {
    display: block;
    color: var(--text-main);
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 800;
    line-height: 0.96;
    letter-spacing: 0;
    transition: color 0.22s ease;
}

.hostique-brand__tag {
    display: block;
    color: color-mix(in srgb, var(--brand-primary) 68%, var(--text-muted) 32%);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: color 0.22s ease;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-sidebar,
body.whmcs-dashboard-body.is-auth-page .dashboard-topbar,
body.whmcs-dashboard-body.is-auth-page .dashboard-overlay,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-overlay {
    display: none !important;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-main,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-main {
    margin-left: 0;
}

body.whmcs-dashboard-body .dashboard-main--focus {
    margin-left: 0;
    width: 100%;
}

html[dir="rtl"] body.whmcs-dashboard-body.is-auth-page .dashboard-main,
html[dir="rtl"] body.whmcs-dashboard-body.is-order-focus-page .dashboard-main {
    margin-right: 0;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-page,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-page {
    padding: 2rem;
}

body.whmcs-dashboard-body.is-contact-page .dashboard-page {
    padding: 2rem;
}

.hostique-mark {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.hostique-mark__stop--start {
    stop-color: var(--primary);
}

.hostique-mark__stop--mid {
    stop-color: var(--brand-primary-hover);
}

.hostique-mark__stop--end {
    stop-color: var(--accent);
}

.hostique-mark__depth-stop--light {
    stop-color: rgba(8, 20, 44, 0.02);
}

.hostique-mark__depth-stop--dark {
    stop-color: rgba(8, 20, 44, 0.22);
}

.hostique-mark__gloss-stop--start {
    stop-color: rgba(255, 255, 255, 0.34);
}

.hostique-mark__gloss-stop--end {
    stop-color: rgba(255, 255, 255, 0);
}

.hostique-mark__glyph {
    fill: #fff;
}

.hostique-mark__gloss {
    opacity: 0.9;
}

.hostique-mark__depth {
    opacity: 0.98;
    mix-blend-mode: multiply;
}

.hostique-mark__surface,
.hostique-mark__depth,
.hostique-mark__gloss,
.hostique-mark__glyph {
    transform-box: fill-box;
    transform-origin: center;
}

body.whmcs-dashboard-body .dashboard-focus-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 2rem 0;
}

body.whmcs-dashboard-body .dashboard-focus-topbar__brand {
    color: inherit;
    text-decoration: none;
}

body.whmcs-dashboard-body .dashboard-focus-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .dashboard-focus-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid rgba(230, 233, 240, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--foreground);
    font-weight: 700;
    text-decoration: none;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-page__inner,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-page__inner {
    max-width: 1640px;
    padding: 0;
}

body.whmcs-dashboard-body.is-clean-page .dashboard-page-header {
    display: none;
}

body.whmcs-dashboard-body.is-auth-page {

    background-attachment: fixed;
}

body.whmcs-dashboard-body.is-contact-page {
    background: #fff;
 
}

body.whmcs-dashboard-body.is-auth-page .auth-shell,
body.whmcs-dashboard-body.is-auth-page .auth-register-layout {
    min-height: calc(100vh - 4rem);
}

body.whmcs-dashboard-body.is-auth-page .dashboard-main,
body.whmcs-dashboard-body.is-auth-page .dashboard-main--focus,
body.whmcs-dashboard-body.is-auth-page .dashboard-page,
body.whmcs-dashboard-body.is-auth-page .dashboard-page__inner {
    background: transparent;
}

body.whmcs-dashboard-body.is-contact-page .dashboard-main,
body.whmcs-dashboard-body.is-contact-page .dashboard-main--focus,
body.whmcs-dashboard-body.is-contact-page .dashboard-page,
body.whmcs-dashboard-body.is-contact-page .dashboard-page__inner {
    background: transparent;
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-focus-topbar {
        padding: 1.25rem 1rem 0;
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body.is-auth-page .dashboard-page,
    body.whmcs-dashboard-body.is-order-focus-page .dashboard-page {
        padding: 1rem;
    }

    body.whmcs-dashboard-body.is-contact-page .dashboard-page {
        padding: 1rem;
    }
}

body.whmcs-dashboard-body .auth-register-steps-panel {
    margin-bottom: 1.35rem;
    padding: 1.1rem 1.35rem;
}

body.whmcs-dashboard-body .auth-register-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .auth-register-step {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(226, 233, 240, 0.9);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.96);
}

body.whmcs-dashboard-body .auth-register-step.is-active {
    border-color: rgba(var(--primary-rgb), 0.28);
    background: #f4f7fa;
    box-shadow: 0 10px 26px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .auth-register-step__icon {
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 248, 252, 0.98);
    color: var(--text-soft);
    border: 1px solid rgba(228, 235, 241, 0.96);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .auth-register-step.is-active .auth-register-step__icon {
    background: #f4f7fa;
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.15);
}

body.whmcs-dashboard-body .auth-register-step strong {
    display: block;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--text);
}

body.whmcs-dashboard-body .auth-register-step p {
    margin: 0.12rem 0 0;
    color: var(--text-muted);
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .auth-register-card {
    border-radius: 1.65rem;
}

body.whmcs-dashboard-body .auth-register-card__heading {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.15rem;
}

body.whmcs-dashboard-body .auth-register-card__heading h3 {
    margin-bottom: 0.2rem;
}

body.whmcs-dashboard-body .dashboard-account-settings {
    display: grid;
    gap: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__hero {
    padding: 1.4rem 1.6rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__hero-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__steps {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .dashboard-account-step {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-account-step::after {
    content: "";
    width: 3.25rem;
    height: 1px;
    background: rgba(222, 229, 237, 0.96);
    margin-left: 0.25rem;
}

body.whmcs-dashboard-body .dashboard-account-step:last-child::after {
    display: none;
}

body.whmcs-dashboard-body .dashboard-account-step__count {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217, 225, 233, 0.96);
    background: #fff;
    font-size: 0.9rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-account-step.is-active {
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-account-step.is-active .dashboard-account-step__count {
    background: var(--primary);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .dashboard-account-settings__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 21.5rem;
    gap: 1.6rem;
    align-items: start;
}

body.whmcs-dashboard-body .dashboard-account-settings__content {
    display: grid;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__aside {
    display: grid;
    gap: 1.2rem;
    position: sticky;
    top: 1rem;
    align-self: start;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card {
    border: 1px solid rgba(226, 233, 240, 0.92);
    border-radius: 1.45rem;
    background: #fff;
    padding: 1.35rem 1.4rem;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--violet {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--mint {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.95rem;
    background: rgba(255, 255, 255, 0.86);
    font-size: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--violet .dashboard-settings-aside-card__icon {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--mint .dashboard-settings-aside-card__icon {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-aside-card h4 {
    margin: 0 0 0.45rem;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: capitalize;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.75;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card__chip {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    justify-content: space-between;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.28);
    background: rgba(255, 255, 255, 0.92);
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-settings-card {
    border-radius: 1.55rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading h3 {
    margin-bottom: 0.15rem;
}

body.whmcs-dashboard-body .dashboard-email-preferences--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem 1.1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference--card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 4.9rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.92);
    background: rgba(249, 251, 253, 0.98);
    cursor: pointer;
}

body.whmcs-dashboard-body .dashboard-email-preference--card .form-check-input {
    margin: 0;
    width: 1.1rem;
    height: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference__label {
    font-weight: 600;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-marketing-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 4.3rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.92);
    background: #fff;
    cursor: pointer;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item.is-active {
    border-color: rgba(var(--primary-rgb), 0.32);
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item input {
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-settings-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.95rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card__heading .card-title,
body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-aside-card__chip span {
    text-transform: capitalize;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__content {
    gap: 0.55rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
    overflow: visible !important;
    align-items: start;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card {
    margin-bottom: 0 !important;
    padding: 1.1rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card > .card-body {
    padding: 1rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card__heading {
    margin-bottom: 0.85rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-email-preferences,
body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card--marketing .dashboard-marketing-choice {
    margin-top: 0.7rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
    position: sticky !important;
    top: 1rem;
    align-self: start;
    height: fit-content;
    margin-top: 0;
    transition: margin-top 0.22s ease, top 0.22s ease;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside.is-scroll-offset {
    margin-top: 1.6rem;
    top: 9rem;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
        grid-template-columns: minmax(0, 1fr) 18rem !important;
    }

    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
        position: sticky !important;
        top: 1rem !important;
        align-self: start;
        height: fit-content;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
        grid-template-columns: 1fr !important;
    }

    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
        position: static !important;
        top: auto !important;
        height: auto;
    }
}

body.whmcs-dashboard-body .dashboard-settings-actions .btn {
    min-width: 10.5rem;
}

body.whmcs-dashboard-body .dashboard-ticket-filters__actions {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .dashboard-ticket-search {
    position: relative;
    min-width: 16rem;
}

body.whmcs-dashboard-body .dashboard-ticket-search .form-control {
    min-height: 3.1rem;
    padding-left: 2.85rem;
    border-radius: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-ticket-search i {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.05rem;
    padding: 0.78rem 1.05rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(217, 225, 233, 0.92);
    background: #fff;
    color: var(--text);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-filter-btn:hover,
body.whmcs-dashboard-body .dashboard-filter-btn:focus {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.3);
    text-decoration: none;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .auth-register-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.whmcs-dashboard-body .dashboard-account-settings__layout {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__aside {
        position: static;
        top: auto;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .auth-register-steps,
    body.whmcs-dashboard-body .dashboard-email-preferences--grid,
    body.whmcs-dashboard-body .dashboard-marketing-choice {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__hero-main,
    body.whmcs-dashboard-body .dashboard-ticket-filters,
    body.whmcs-dashboard-body .dashboard-ticket-filters__actions,
    body.whmcs-dashboard-body .dashboard-settings-actions {
        display: grid;
        justify-content: stretch;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__steps {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-account-step::after {
        display: none;
    }

    body.whmcs-dashboard-body .dashboard-ticket-search {
        min-width: 0;
    }
}

body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header {
    border-bottom: 1px solid rgba(245, 158, 11, 0.16);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__header {
    border-bottom: 1px solid rgba(var(--primary-rgb), 0.14);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__icon {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__header span {
    color: var(--primary-hover);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header span {
    color: #b45309;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header {
    background: #f4f7fa;
    border-bottom: 1px solid rgba(239, 68, 68, 0.16);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__icon {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header span {
    color: #b91c1c;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header {
    background: #f4f7fa;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__icon {
    background: rgba(51, 51, 51, 0.1) !important;
    color: #64748b;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header span {
    color: #475569;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details {
    gap: 0;
    border: 1px solid rgba(234, 239, 242, 0.9);
    border-radius: 1.05rem;
    overflow: hidden;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div {
    padding: 0.95rem 1.05rem;
    background: rgba(255, 255, 255, 0.95);
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div + div {
    border-top: 1px solid rgba(234, 239, 242, 0.92);
}

body.invoice-dashboard-body .dashboard-invoice-overview__card {
    min-height: 100%;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card address {
    margin-bottom: 0;
    font-style: normal;
    line-height: 1.8;
}

body.invoice-dashboard-body .dashboard-invoice-table tbody tr:last-child td {
    border-bottom: 0;
}

body.invoice-dashboard-body .dashboard-invoice-table__balance td,
body.invoice-dashboard-body .dashboard-invoice-table__total td {
    font-size: 1.12rem;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note__cta .btn {
    min-width: 12.5rem;
}

body.invoice-dashboard-body .dashboard-invoice-actions .btn {
    min-width: 10rem;
}

body.whmcs-dashboard-body .dashboard-funds-panel__art {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 1.65rem;

}

body.whmcs-dashboard-body .dashboard-funds-panel__art i {
    font-size: 2rem;
    color: rgba(var(--primary-rgb), 0.26);
}

body.whmcs-dashboard-body .dashboard-funds-form__submit {
    width: 100%;
    min-height: 4rem;
    justify-content: center;
    font-size: 1.05rem;
}

body.whmcs-dashboard-body .dashboard-funds-form__submit i {
    font-size: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card .card-body + .card-body {
    padding-top: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply {
    border: 1px solid rgba(229, 235, 241, 0.9);
    border-radius: 1.4rem;
    background: #f4f7fa;
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply.staff {
    border-color: rgba(var(--primary-rgb), 0.16);
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .posted-by {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.35rem 0.95rem;
    border-bottom: 1px solid rgba(229, 235, 241, 0.86);
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .message {
    padding: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .attachments {
    padding-top: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-card .posted-by-name {
    color: #182230;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-ticket-card .posted-on {
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel {
    border-radius: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel .card-body {
    padding: 1.6rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {

    background: #f4f7fa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--primary-rgb), 0.28);
    font-size: 2rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel .btn-primary,
body.whmcs-dashboard-body .dashboard-support-request__main .btn-primary,
body.whmcs-dashboard-body .dashboard-settings-actions .btn-primary {

    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-settings-card > .card-body {
    padding: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-settings-card .card-title {
    margin-bottom: 1.15rem;
    font-size: 1.45rem;
    line-height: 1.2;
}

body.whmcs-dashboard-body .dashboard-settings-card .row > [class*="col-"] {
    margin-bottom: 0.15rem;
}

body.whmcs-dashboard-body .dashboard-settings-card .col-form-label {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.96rem;
    font-weight: 600;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-settings-card .form-control,
body.whmcs-dashboard-body .dashboard-settings-card .custom-select {
    min-height: 3.35rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .col-form-label,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .col-form-label {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.96rem;
    font-weight: 600;
    color: #344054;
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .form-control,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .custom-select,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .form-control,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .custom-select {
    min-height: 3.35rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .form-control:focus,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .custom-select:focus,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .form-control:focus,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .custom-select:focus {
    border-color: rgba(var(--primary-rgb), 0.35);
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .dashboard-panel__header,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .dashboard-panel__header {
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-email-preferences {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference {
    min-height: 4rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(231, 236, 241, 0.94);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    line-height: 1.45;
}

body.whmcs-dashboard-body .dashboard-email-preference input {
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-marketing-choice {
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    flex: 1 1 0;
    min-height: 4rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body .dashboard-support-request__main .card-body {
    padding: 1.7rem;
}

body.whmcs-dashboard-body .dashboard-support-request__main .dashboard-page-heading__title--compact {
    margin-bottom: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-support-tip {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(231, 236, 241, 0.92);
    border-radius: 1.45rem;
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-tip--mint {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-tip--violet {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-tip--amber {
    background: #333333;
}

body.whmcs-dashboard-body .dashboard-support-tip__icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero {
    margin-bottom: 1.5rem;
    padding: 2rem 2rem 1.5rem;
    border: 1px solid rgba(227, 234, 239, 0.95);
    border-radius: 2rem;
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text,
body.whmcs-dashboard-body .dashboard-kb-search .form-control,
body.whmcs-dashboard-body .dashboard-kb-search .btn {
    min-height: 4.15rem;
    border-radius: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text {
    padding-inline: 1.45rem 0.85rem;
    font-size: 1.12rem;
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control {
    font-size: 1.02rem;
    border-left: 0;
}

body.whmcs-dashboard-body .dashboard-kb-tags {
    margin-top: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-kb-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.72fr);
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-main,
body.whmcs-dashboard-body .dashboard-kb-help,
body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel {
    border-radius: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-kb-list__item {
    min-height: 6.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-highlight {
    min-height: 8.8rem;
    padding: 1.35rem 1.4rem;
    border-radius: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__content {
    font-size: 1.03rem;
    line-height: 1.85;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-kb-article__content h1,
body.whmcs-dashboard-body .dashboard-kb-article__content h2,
body.whmcs-dashboard-body .dashboard-kb-article__content h3 {
    margin-top: 1.65rem;
    margin-bottom: 0.85rem;
    color: #182230;
}

body.whmcs-dashboard-body .dashboard-kb-article__content img {
    max-width: 100%;
    height: auto;
    border-radius: 1.25rem;
    border: 1px solid rgba(231, 236, 241, 0.92);
}

body.whmcs-dashboard-body .dashboard-announcements__featured {
    min-height: 35rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.06),
        0 24px 60px rgba(3, 12, 20, 0.18);
}

body.whmcs-dashboard-body .dashboard-announcements__featured-copy {
    max-width: 34rem;
}

body.whmcs-dashboard-body .dashboard-announcement-card {
    min-height: 7.9rem;
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy strong {
    font-size: 1.32rem;
    line-height: 1.35;
}

body.whmcs-dashboard-body .dashboard-announcement-story {
    padding: 2.35rem 2.5rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__title {
    max-width: 64rem;
    font-size: clamp(2.25rem, 3.6vw, 4rem);
    letter-spacing: -0.045em;
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary {
    margin-top: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__content {
    font-size: 1.08rem;
    line-height: 1.95;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-announcement-story__footer {
    margin-top: 2rem;
}

.auth-shell {
    grid-template-columns: minmax(19rem, 0.9fr) minmax(24rem, 0.98fr);
    gap: 1.6rem;
    align-items: stretch;
    margin: 1.25rem auto 0;
}

.auth-shell__intro {
    position: relative;
    overflow: hidden;
    min-height: 44rem;
    padding: 2rem 2rem 2.3rem;
    border-radius: 2rem;
    background: #333333;
    display: grid;
    align-content: start;
}

.auth-shell__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    color: #182230;
    font-size: 1.7rem;
    font-weight: 800;
}

.auth-shell__eyebrow::before {
    content: "";
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    background: var(--gradient-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 17.5C18 15.8431 19.3431 14.5 21 14.5H23.25C24.9069 14.5 26.25 15.8431 26.25 17.5V29H37.75V17.5C37.75 15.8431 39.0931 14.5 40.75 14.5H43C44.6569 14.5 46 15.8431 46 17.5V46.5C46 48.1569 44.6569 49.5 43 49.5H40.75C39.0931 49.5 37.75 48.1569 37.75 46.5V35H26.25V46.5C26.25 48.1569 24.9069 49.5 23.25 49.5H21C19.3431 49.5 18 48.1569 18 46.5V17.5Z' fill='white'/%3E%3Crect x='36.5' y='11.5' width='10.5' height='10.5' rx='3.6' fill='white'/%3E%3Ccircle cx='41.75' cy='16.75' r='2.15' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 17.5C18 15.8431 19.3431 14.5 21 14.5H23.25C24.9069 14.5 26.25 15.8431 26.25 17.5V29H37.75V17.5C37.75 15.8431 39.0931 14.5 40.75 14.5H43C44.6569 14.5 46 15.8431 46 17.5V46.5C46 48.1569 44.6569 49.5 43 49.5H40.75C39.0931 49.5 37.75 48.1569 37.75 46.5V35H26.25V46.5C26.25 48.1569 24.9069 49.5 23.25 49.5H21C19.3431 49.5 18 48.1569 18 46.5V17.5Z' fill='white'/%3E%3Crect x='36.5' y='11.5' width='10.5' height='10.5' rx='3.6' fill='white'/%3E%3Ccircle cx='41.75' cy='16.75' r='2.15' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 1.9rem 1.9rem;
    mask-size: 1.9rem 1.9rem;
    flex: 0 0 auto;
    box-shadow: 0 18px 36px -26px rgba(var(--primary-rgb), 0.72);
}

.auth-shell__title {
    margin-top: 2.4rem;
    max-width: 22rem;
    font-size: clamp(2.55rem, 4vw, 4.1rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.auth-shell__copy {
    max-width: 25rem;
    font-size: 1.16rem;
    line-height: 1.75;
}

.auth-shell__intro::after {
    content: "";
    position: absolute;
    inset: auto -3rem 1rem auto;
    width: 26rem;
    height: 26rem;

    pointer-events: none;
    opacity: 0.9;
    filter: var(--hero-art-filter);
}

.auth-shell__features {
    display: grid;
    gap: 1rem;
    margin-top: auto;
    padding-right: 5rem;
}

.auth-shell__feature {
    display: grid;
    grid-template-columns: 3.45rem minmax(0, 1fr);
    gap: 0.95rem;
    align-items: start;
}

.auth-shell__feature-icon {
    width: 3.45rem;
    height: 3.45rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 1.15rem;
    box-shadow: 0 12px 26px rgba(16, 24, 40, 0.05);
}

.auth-shell__feature strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #182230;
    font-size: 1rem;
}

.auth-shell__feature p {
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.auth-form {
    position: relative;
    align-self: center;
    min-height: 42rem;
    padding: 2rem 2.2rem;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.98);
    display: grid;
    align-content: start;
}

.auth-form__header {
    position: relative;
    text-align: center;
    margin-bottom: 1.65rem;
}

.auth-form__header::before {
    content: "";
    display: block;
    width: 5.4rem;
    height: 5.4rem;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    background: #f4f7fa;
    box-shadow:
        inset 0 0 0 1px rgba(var(--primary-rgb), 0.12),
        0 12px 28px rgba(var(--primary-rgb), 0.08);
    position: relative;
}

.auth-form__header::after {
    content: "";
    position: absolute;
    top: 1.05rem;
    left: 50%;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    background: var(--gradient-primary);
    box-shadow: 0 0 0 0.35rem rgba(var(--primary-rgb), 0.1);
    transform: translateX(1.45rem);
}

.auth-form__title {
    font-size: clamp(2.15rem, 3.2vw, 3.2rem);
    letter-spacing: -0.045em;
}

.auth-form__subtitle {
    max-width: 27rem;
    margin: 0 auto !important;
    margin-top: 20px !important;
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.8;
}

.auth-shell--reset .auth-shell__intro::after {

}

.auth-inline-divider {
    position: relative;
    margin: 1.5rem 0;
    text-align: center;
    color: #646d7e;
}

.auth-inline-divider::before {
    content: "";
    position: absolute;
    inset: 50% 0 auto;
    border-top: 1px solid rgba(228, 233, 238, 0.92);
}

.auth-inline-divider span {
    position: relative;
    z-index: 1;
    padding: 0 1rem;
    background: rgba(255, 255, 255, 0.98);
}

.auth-social-buttons {
    display: grid;
    gap: 0.85rem;
}

.auth-social-buttons .btn {
    min-height: 3.5rem;
    border-radius: 1rem;
    justify-content: center;
    font-weight: 700;
}

.auth-security-note {
    display: grid;
    grid-template-columns: 3.4rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
    margin-top: 1.3rem;
    padding: 1.2rem 1.25rem;
    border-radius: 1.25rem;
    background: #f4f7fa;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
}

.auth-security-note__icon {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.auth-security-note h4 {
    margin: 0 0 0.3rem;
    font-size: 1.04rem;
}

.auth-security-note p {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.contact-standalone {
    display: grid;
    gap: 1.5rem;
    max-width: 1540px;
    margin: 0 auto;
}

.contact-standalone__hero {
    padding: 1.6rem 1.75rem;
    display: grid;
    gap: 1rem;
}

.contact-standalone__breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    width: fit-content;
    min-height: 2.85rem;
    padding: 0 1rem;
    border: 1px solid rgba(230, 233, 240, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: #667085;
    font-size: 0.95rem;
    font-weight: 600;
}

.contact-standalone__breadcrumb a {
    color: var(--foreground);
}

.contact-standalone__hero-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.contact-standalone__title {
    margin: 0.15rem 0 0.45rem;
    font-size: clamp(2.2rem, 4vw, 3.6rem);
    line-height: 1.05;
}

.contact-standalone__copy {
    margin: 0;
    max-width: 36rem;
    color: #667085;
    font-size: 1.05rem;
    line-height: 1.8;
}

.contact-standalone__hero-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.contact-standalone__form-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 26px rgba(16, 24, 40, 0.05);
}

.contact-standalone__hero-actions .btn {
    min-height: 3.2rem;
    padding-inline: 1.1rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    font-weight: 700;
}

.contact-standalone__layout {
    display: grid;
    grid-template-columns: minmax(19rem, 0.88fr) minmax(0, 1.12fr);
    gap: 1.6rem;
    align-items: stretch;
}

.contact-standalone__form-panel {
    padding: 1.8rem;
}

.contact-standalone__form-header {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.45rem;
}

.contact-standalone__form-header h2 {
    margin: 0 0 0.3rem;
    font-size: 2rem;
    line-height: 1.1;
}

.contact-standalone__form-header p {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.contact-standalone__form {
    display: grid;
    gap: 1.2rem;
}

.contact-standalone__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.contact-standalone__field--full {
    grid-column: 1 / -1;
}

.contact-standalone__form .form-group {
    margin-bottom: 0;
}

.contact-standalone__form label {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--foreground);
    font-weight: 700;
}

.contact-standalone__form .form-control {
    min-height: 3.35rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 1rem;
    box-shadow: none;
}

.contact-standalone__form textarea.form-control {
    min-height: 11rem;
    padding-top: 0.95rem;
    resize: vertical;
}

.contact-standalone__form .form-control:focus {
    border-color: rgba(var(--primary-rgb), 0.45);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
}

.contact-standalone__form-actions {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.contact-standalone__form-actions .btn {
    min-height: 3.5rem;
    min-width: 12rem;
    border-radius: 1rem;
    font-weight: 700;
}

.auth-register-layout {
    display: grid;
    grid-template-columns: minmax(21rem, 0.72fr) minmax(0, 1fr);
    gap: 1.4rem;
    align-items: start;
}

.auth-register-aside {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1.1rem;
}

.auth-register-panel {
    padding: 1.7rem;
    border-radius: 1.8rem;

}

.auth-register-panel__art {
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    min-height: 15rem;
    margin: 1.4rem 0 1.1rem;
    border-radius: 1.6rem;
    background: #f4f7fa;
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.12);
}

.auth-register-panel__orbit {
    position: absolute;
    border: 1px solid rgba(var(--primary-rgb), 0.24);
    border-radius: 999px;
    pointer-events: none;
}

.auth-register-panel__orbit--one {
    width: 78%;
    height: 48%;
}

.auth-register-panel__orbit--two {
    width: 64%;
    height: 62%;
}

.auth-register-panel__node {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.95);
    box-shadow: 0 0 0 0.35rem rgba(var(--primary-rgb), 0.12);
}

.auth-register-panel__node--one {
    top: 24%;
    right: 18%;
}

.auth-register-panel__node--two {
    right: 10%;
    bottom: 29%;
}

.auth-register-panel__node--three {
    left: 18%;
    bottom: 20%;
}

.auth-register-panel__hero-cloud,
.auth-register-panel__hero-server,
.auth-register-panel__hero-shield {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.auth-register-panel__hero-cloud {
    top: 24%;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    color: var(--primary);
    font-size: 2rem;
    box-shadow: 0 16px 34px rgba(var(--primary-rgb), 0.18);
}

.auth-register-panel__hero-server {
    width: 9.6rem;
    height: 3rem;
    border-radius: 1.1rem;
    background: var(--gradient-primary);
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 12px 28px rgba(var(--primary-rgb), 0.2);
}

.auth-register-panel__hero-server--one {
    top: 45%;
}

.auth-register-panel__hero-server--two {
    top: 58%;
}

.auth-register-panel__hero-shield {
    top: 42%;
    right: 22%;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--primary);
    font-size: 1.7rem;
    box-shadow: 0 16px 32px rgba(16, 24, 40, 0.08);
}

.auth-register-panel__features {
    display: grid;
    gap: 1rem;
}

.auth-register-panel__feature {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}

.auth-register-panel__feature i {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.88);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}

.auth-register-content .card {
    border-radius: 1.55rem;
}

.auth-register-content .card-body {
    padding: 1.55rem 1.65rem;
}

.auth-register-content .card-title {
    margin-bottom: 0.25rem;
    font-size: 1.42rem;
}

.auth-register-content .form-group.prepend-icon {
    position: relative;
}

.auth-register-content .form-group.prepend-icon .field-icon {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    z-index: 1;
    color: #646d7e;
}

.auth-register-content .form-group.prepend-icon .field,
.auth-register-content .form-group.prepend-icon .form-control {
    min-height: 3.35rem;
    padding-left: 2.8rem;
    border-radius: 1rem;
}

.auth-register-content .btn-lg.btn-primary {
    min-height: 3.6rem;
    padding-inline: 1.7rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

.auth-register-content .btn-lg.btn-primary:hover,
.auth-register-content .btn-lg.btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

body.whmcs-dashboard-body .auth-register-steps-panel {
    display: none;
}

body.whmcs-dashboard-body .dashboard-404-page,
body.whmcs-dashboard-body .dashboard-error-page__panel {
    min-height: calc(100vh - 11rem);
}

@media (max-width: 1199.98px) {
    .auth-register-layout,
    body.whmcs-dashboard-body .dashboard-kb-layout,
    .contact-standalone__layout {
        grid-template-columns: 1fr;
    }

    .auth-register-aside {
        position: static;
    }

    .contact-standalone__hero-main {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 991.98px) {
    .auth-shell {
        grid-template-columns: 1fr;
    }

    .auth-shell__intro {
        min-height: auto;
        padding-bottom: 14rem;
    }

    .auth-shell__intro::after {
        width: 20rem;
        height: 20rem;
    }

    .auth-shell__features {
        padding-right: 0;
    }

    .auth-form {
        min-height: 0;
    }

    body.whmcs-dashboard-body .dashboard-email-preferences {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .contact-standalone__grid {
        grid-template-columns: 1fr;
    }

    .contact-standalone__hero,
    .contact-standalone__form-panel {
        padding: 1.25rem;
    }

    .auth-shell__intro,
    .auth-form,
    .auth-register-panel {
        padding: 1.35rem;
        border-radius: 1.45rem;
    }

    .auth-shell__title,
    .auth-form__title {
        font-size: 2.2rem;
    }

    .auth-shell__intro {
        padding-bottom: 11rem;
    }

    .auth-shell__intro::after {
        width: 14rem;
        height: 14rem;
        right: 0;
    }

    body.invoice-dashboard-body .dashboard-invoice-payment-note,
    body.whmcs-dashboard-body .dashboard-kb-tags,
    .auth-security-note {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-support-tip,
    body.whmcs-dashboard-body .dashboard-kb-highlight,
    body.whmcs-dashboard-body .dashboard-announcement-card,
    body.whmcs-dashboard-body .dashboard-email-preference {
        border-radius: 1.1rem;
    }
}

body.whmcs-dashboard-body .dashboard-support-request__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.74fr);
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-support-request__main,
body.whmcs-dashboard-body .dashboard-support-request__aside {
    border: 1px solid rgba(230, 233, 240, 0.86);
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.05);
}

body.whmcs-dashboard-body .dashboard-support-request__main .card-body {
    padding: 1.7rem;
}

body.whmcs-dashboard-body .dashboard-support-request__aside {
    padding: 1rem;
    display: grid;
    gap: 1rem;
    align-content: start;
}

body.whmcs-dashboard-body .dashboard-support-tip {
    border-radius: 1.4rem;
    padding: 1.5rem 1.4rem;
    border: 1px solid rgba(230, 233, 240, 0.82);
    background: #f4f7fa;
    position: relative;
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-support-tip__icon {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-support-tip h4 {
    margin: 0 0 0.45rem;
    font-size: 1.45rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-support-tip p,
body.whmcs-dashboard-body .dashboard-support-tip li {
    color: var(--text-soft);
    font-size: 1rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .dashboard-support-tip ul {
    margin: 0.9rem 0 0;
    padding-left: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-support-tip--mint {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-tip--mint .dashboard-support-tip__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-support-tip--violet {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-tip--violet .dashboard-support-tip__icon {
    background: rgba(126, 92, 255, 0.12);
    color: #7e5cff;
}

body.whmcs-dashboard-body .dashboard-support-tip--amber {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-tip--amber .dashboard-support-tip__icon {
    background: rgba(250, 176, 38, 0.14);
    color: #ee9e11;
}

body.whmcs-dashboard-body .dashboard-funds-panel {
    padding: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-funds-panel__art {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 5rem;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-funds-panel__art::before {
    content: "";
    width: 10.5rem;
    height: 6rem;
    border-radius: 1.8rem;
    background: #f4f7fa;
    box-shadow: inset 0 -10px 22px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-funds-form {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-funds-form__row {
    display: grid;
    grid-template-columns: minmax(210px, 0.32fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
	margin-bottom:20px;
}

body.whmcs-dashboard-body .dashboard-funds-form__label {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    border-radius: 0rem;
    background: rgba(246, 248, 251, 0.98);
    border: 1px solid rgba(227, 234, 240, 0.95);
    padding: 0rem 1.15rem;
    font-weight: 700;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-funds-form__label-icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-funds-form__field {
    display: flex;
    align-items: center;

    border: 1px solid rgba(230, 233, 240, 0.95);
    background: #fff;

    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-funds-form__field .form-control,
body.whmcs-dashboard-body .dashboard-funds-form__field .custom-select {
    border: 0;
    min-height: 4.25rem;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-funds-form__suffix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.25rem;
    margin-right: 0.85rem;
    border-radius: 0.95rem;
    background: rgba(238, 242, 247, 0.96);
    color: var(--text);
    font-weight: 700;
    padding: 0.8rem 1rem;
}

body.whmcs-dashboard-body .dashboard-funds-form__submit .btn {
    width: 100%;
    min-height: 4.35rem;
    border-radius: 1.2rem;
    font-size: 1.28rem;
}

body.whmcs-dashboard-body .dashboard-funds-note {
    margin-top: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.15rem;
    border-radius: 1.1rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-funds-note__icon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.13);
    color: var(--primary);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-ticket-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-filters__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-ticket-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    border-radius: 1rem;
    border: 1px solid rgba(221, 229, 236, 0.96);
    background: #fff;
    padding: 0.78rem 1.15rem;
    color: var(--text);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-ticket-chip.is-active {
    border-color: rgba(var(--primary-rgb), 0.45);
    background: rgba(242, 242, 242, 0.92);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-ticket-chip__dot {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: currentColor;
}

body.whmcs-dashboard-body .dashboard-ticket-view {
    display: grid;
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card,
body.whmcs-dashboard-body .dashboard-ticket-reply-panel {
    border: 1px solid rgba(230, 233, 240, 0.88);
    border-radius: 1.7rem;
    background: #fff;

}

body.whmcs-dashboard-body .dashboard-ticket-card .card-body,
body.whmcs-dashboard-body .dashboard-ticket-reply-panel .card-body {
    padding: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__subject {
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {
    width: 12rem;
    max-width: 24%;
    aspect-ratio: 1.6;
    border-radius: 1.2rem;
    background: #f4f7fa;
    position: relative;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art::after {
    content: "";
    position: absolute;
    inset: 20% 18%;
    border-radius: 1rem;
    border: 2px dashed rgba(182, 191, 207, 0.6);
}

body.whmcs-dashboard-body .dashboard-settings-card {
    border: 1px solid rgba(230, 233, 240, 0.86);
    border-radius: 1.7rem;
    background: #fff;
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.045);
    padding: 1.65rem;
    margin-bottom: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-settings-card--preferences .row > [class*="col-"] {
    margin-bottom: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-email-preferences {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.2rem;
    margin-top: 1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: rgba(242, 242, 242, 0.98);
    border: 1px solid rgba(229, 235, 241, 0.95);
}

body.whmcs-dashboard-body .dashboard-email-preference i {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-card--marketing .dashboard-marketing-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    background: #fff;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item.is-active {
    border-color: rgba(var(--primary-rgb), 0.45);
    background: rgba(240, 252, 247, 0.95);
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item input {
    accent-color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-kb-article-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr);
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-kb-article-sidebar {
    display: grid;
    gap: 1.2rem;
    align-content: start;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav {
    padding: 1.3rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__links {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    color: var(--text);
    border: 1px solid transparent;
    background: rgba(242, 242, 242, 0.96);
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link.is-active,
body.whmcs-dashboard-body .dashboard-kb-side-nav__link:hover {
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
    background: rgba(242, 242, 242, 0.9);
}

body.whmcs-dashboard-body .dashboard-kb-help--compact {
    padding: 1.5rem;
}

body.whmcs-dashboard-body .dashboard-kb-article {
    padding: 1.55rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__eyebrow {
    margin: 0 0 0.3rem;
    color: var(--text-soft);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-kb-article__title {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.1;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.35rem;
    margin: 1rem 0 1.15rem;
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-kb-article__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    background: #f4f7fa;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback-actions {
    display: flex;
    gap: 0.65rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__content {
    color: var(--text);
    line-height: 1.88;
}

body.whmcs-dashboard-body .dashboard-kb-article__content h2,
body.whmcs-dashboard-body .dashboard-kb-article__content h3,
body.whmcs-dashboard-body .dashboard-kb-article__content h4 {
    margin-top: 1.7rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-kb-tip {
    margin-top: 1.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    background: rgba(240, 251, 247, 0.92);
}

body.whmcs-dashboard-body .dashboard-kb-tip__icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-kb-article__footer {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-related {
    padding: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-kb-related__list {
    display: grid;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-kb-related__item {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(225, 233, 239, 0.92);
    background: #fff;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-kb-related__icon,
body.whmcs-dashboard-body .dashboard-kb-list__icon,
body.whmcs-dashboard-body .dashboard-kb-category__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(240, 251, 247, 0.92);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy,
body.whmcs-dashboard-body .dashboard-kb-list__copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy strong,
body.whmcs-dashboard-body .dashboard-kb-list__copy strong {
    font-size: 1.02rem;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy small,
body.whmcs-dashboard-body .dashboard-kb-list__copy small {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-kb-hero,
body.whmcs-dashboard-body .dashboard-kb-main,
body.whmcs-dashboard-body .dashboard-kb-help,
body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel,
body.whmcs-dashboard-body .dashboard-kb-article,
body.whmcs-dashboard-body .dashboard-kb-related,
body.whmcs-dashboard-body .dashboard-kb-side-nav {
    border: 1px solid var(--border-light);
    background: var(--surface-card);
    box-shadow: 0 18px 42px -32px rgba(15, 23, 42, 0.14);
}

body.whmcs-dashboard-body .dashboard-kb-hero {
    position: relative;
    overflow: hidden;
    padding: 2rem;
    border-radius: var(--radius-xl);
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-kb-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
    gap: 1.5rem;
    align-items: center;
}

body.whmcs-dashboard-body .dashboard-kb-hero__copy {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__eyebrow,
body.whmcs-dashboard-body .dashboard-kb-help__eyebrow,
body.whmcs-dashboard-body .dashboard-kb-article__eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary-hover, #2449d8);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-kb-hero__title {
    margin: 0;
    max-width: 36rem;
    color: var(--text-primary);
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-kb-hero__description {
    margin: 0;
    max-width: 40rem;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric {
    min-width: 10rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: saturate(140%) blur(6px);
    display: grid;
    gap: 0.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric strong {
    color: var(--text-primary);
    font-size: 1.35rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric span {
    color: #5b6474;
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__search-shell {
    padding: 1.05rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.8);
}

body.whmcs-dashboard-body .dashboard-kb-search {
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group {
    align-items: stretch;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text,
body.whmcs-dashboard-body .dashboard-kb-search .form-control,
body.whmcs-dashboard-body .dashboard-kb-search .btn {
    min-height: 3.65rem;
    border-radius: 1rem;
    border: 1px solid var(--border-soft);
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text {
    border-right: 0;
    background: var(--surface-card);
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control {
    border-left: 0;
    border-right: 0;
    background: var(--surface-card);
    color: var(--text-primary);
    font-size: 0.96rem;
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control::placeholder {
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-kb-search .btn {
    padding-inline: 1.3rem;
}

body.whmcs-dashboard-body .dashboard-kb-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
}

body.whmcs-dashboard-body .dashboard-kb-tags__label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-kb-tag,
body.whmcs-dashboard-body .dashboard-kb-list__tag,
body.whmcs-dashboard-body .dashboard-kb-section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    background: rgba(var(--primary-rgb), 0.07);
    color: var(--primary);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

body.whmcs-dashboard-body .dashboard-kb-tag:hover {
    color: var(--primary-hover);
    background: rgba(var(--primary-rgb), 0.11);
}

body.whmcs-dashboard-body .dashboard-kb-layout {
    align-items: start;
    gap: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-main {
    padding: 1.55rem;
}

body.whmcs-dashboard-body .dashboard-kb-aside {
    display: grid;
    gap: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-list {
    display: grid;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-kb-list__item,
body.whmcs-dashboard-body .dashboard-kb-related__item,
body.whmcs-dashboard-body .dashboard-kb-category {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1.05rem 1.1rem;
    min-height: 0;
    border: 1px solid var(--border-light);
    border-radius: 1.2rem;
    background: #f4f7fa;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

body.whmcs-dashboard-body .dashboard-kb-list__item:hover,
body.whmcs-dashboard-body .dashboard-kb-related__item:hover,
body.whmcs-dashboard-body .dashboard-kb-category:hover {
    border-color: rgba(var(--primary-rgb), 0.18);
    background: #f4f7fa;
    transform: translateY(-1px);
}

body.whmcs-dashboard-body .dashboard-kb-list__icon,
body.whmcs-dashboard-body .dashboard-kb-related__icon,
body.whmcs-dashboard-body .dashboard-kb-category__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    background: #f4f7fa;
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-kb-list__copy strong,
body.whmcs-dashboard-body .dashboard-kb-related__copy strong,
body.whmcs-dashboard-body .dashboard-kb-category__name {
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.35;
}

body.whmcs-dashboard-body .dashboard-kb-list__copy small,
body.whmcs-dashboard-body .dashboard-kb-related__copy small {
    color: var(--text-secondary);
    line-height: 1.55;
}

body.whmcs-dashboard-body .dashboard-kb-list__arrow,
body.whmcs-dashboard-body .dashboard-kb-related__arrow {
    margin-inline-start: auto;
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-kb-footer-action {
    margin-top: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-footer-action .btn,
body.whmcs-dashboard-body .dashboard-kb-help .btn,
body.whmcs-dashboard-body .dashboard-kb-article__actions .btn,
body.whmcs-dashboard-body .dashboard-kb-article__feedback .btn,
body.whmcs-dashboard-body .dashboard-kb-article__footer .btn {
    min-height: 2.8rem;
    border-radius: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-kb-help {
    display: grid;
    gap: 0.85rem;
    padding: 1.6rem;
    border-radius: 1.6rem;
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-kb-help h3 {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-kb-help p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.65;
}

body.whmcs-dashboard-body .dashboard-kb-categories {
    display: grid;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-kb-category__count {
    margin-inline-start: auto;
    min-width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-kb-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-kb-highlight {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    min-height: 0;
    padding: 1.15rem 1.2rem;
    border: 1px solid var(--border-light);
    border-radius: 1.35rem;
    background: #f4f7fa;
    box-shadow: 0 14px 30px -26px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-kb-highlight > i {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.95rem;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-kb-highlight strong {
    display: block;
    color: var(--text-primary);
    margin-bottom: 0.3rem;
}

body.whmcs-dashboard-body .dashboard-kb-highlight p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.55;
}

body.whmcs-dashboard-body .dashboard-kb-article-layout {
    gap: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav {
    padding: 1.35rem;
    border-radius: 1.5rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link {
    min-height: 3.25rem;
    border: 1px solid var(--border-light);
    border-radius: 1rem;
    background: #f4f7fa;
    color: var(--text-secondary);
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link i {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link.is-active,
body.whmcs-dashboard-body .dashboard-kb-side-nav__link:hover {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.16);
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-kb-help--compact {
    padding: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-kb-article {
    padding: 1.7rem;
    border-radius: 1.7rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__topbar {
    gap: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--border-light);
}

body.whmcs-dashboard-body .dashboard-kb-article__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__eyebrow {
    margin-bottom: 0.5rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__title {
    color: var(--text-primary);
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta {
    gap: 0.8rem;
    margin: 1.1rem 0 1.35rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta span {
    min-height: 2.2rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--border-light);
    border-radius: 999px;
    background: var(--surface-soft);
    color: var(--text-secondary);
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta-pill {
    color: var(--primary) !important;
    border-color: rgba(var(--primary-rgb), 0.14) !important;
    background: rgba(var(--primary-rgb), 0.08) !important;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.2rem;
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback strong {
    color: var(--text-primary);
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback-thanks {
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-kb-article__content {
    color: var(--text-secondary);
    font-size: 0.98rem;
    line-height: 1.9;
}

body.whmcs-dashboard-body .dashboard-kb-article__content h1,
body.whmcs-dashboard-body .dashboard-kb-article__content h2,
body.whmcs-dashboard-body .dashboard-kb-article__content h3,
body.whmcs-dashboard-body .dashboard-kb-article__content h4 {
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .dashboard-kb-article__content a {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-kb-article__content a:hover {
    color: var(--primary-hover);
}

body.whmcs-dashboard-body .dashboard-kb-article__content img {
    display: block;
    margin: 1.2rem auto;
    border: 1px solid var(--border-light);
    box-shadow: 0 18px 32px -28px rgba(15, 23, 42, 0.18);
}

body.whmcs-dashboard-body .dashboard-kb-tip {
    margin-top: 1.55rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.2rem;
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-kb-tip strong {
    color: var(--text-primary);
}

body.whmcs-dashboard-body .dashboard-kb-tip p {
    margin: 0.2rem 0 0;
    color: var(--text-secondary);
}

body.whmcs-dashboard-body .dashboard-kb-article__footer {
    margin-top: 1.65rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-light);
}

body.whmcs-dashboard-body .dashboard-kb-related {
    padding: 1.5rem;
    border-radius: 1.6rem;
}

body.whmcs-dashboard-body .dashboard-announcements__panel {
    padding: 1.7rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    background: #ffffff;
    box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-announcements__header,
body.whmcs-dashboard-body .dashboard-announcement-view__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-announcements__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(320px, 0.74fr);
    gap: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-announcements__featured {
    min-height: 31rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.65rem;
    padding: 1.75rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
    gap: 1.15rem;
    align-items: stretch;
    color: var(--text-primary);
    background: #f4f7fa;
    box-shadow: 0 22px 46px -34px rgba(15, 23, 42, 0.14);
}

body.whmcs-dashboard-body .dashboard-announcements__badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    padding: 0.5rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-announcements__featured h2 {
    color: var(--text-primary);
    font-size: clamp(2rem, 2.8vw, 3.2rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
    margin: 0 0 1rem;
}

body.whmcs-dashboard-body .dashboard-announcements__date {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-announcements__summary {
    color: var(--text-secondary);
    line-height: 1.78;
    margin-bottom: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-announcements__featured-art {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-card {
    width: 100%;
    min-height: 100%;
    padding: 1.45rem;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    border-radius: 1.45rem;
    background: #f4f7fa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    display: grid;
    gap: 1rem;
    align-content: start;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-title {
    color: var(--text-primary);
    font-size: 1.4rem;
    line-height: 1.25;
    letter-spacing: -0.025em;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-copy {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric {
    padding: 0.95rem 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.74);
    display: grid;
    gap: 0.2rem;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric strong {
    color: var(--text-primary);
    font-size: 1.15rem;
    line-height: 1;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric span {
    color: var(--text-muted);
    font-size: 0.82rem;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-lines {
    margin-top: auto;
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.72);
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line {
    display: block;
    height: 0.72rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--primary {
    width: 36%;
    background: rgba(var(--primary-rgb), 0.24);
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--lg {
    width: 88%;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--md {
    width: 74%;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--sm {
    width: 58%;
}

body.whmcs-dashboard-body .dashboard-announcements__list {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-announcement-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.15rem;
    border-radius: 1.35rem;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    background: #333333;
    min-height: 8.8rem;
    box-shadow: 0 16px 34px -34px rgba(15, 23, 42, 0.18);
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

body.whmcs-dashboard-body .dashboard-announcement-card.is-active {
    border-color: rgba(var(--primary-rgb), 0.16);
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-announcement-card:hover,
body.whmcs-dashboard-body .dashboard-announcement-card:focus {
    transform: translateY(-2px);
    border-color: rgba(var(--primary-rgb), 0.16);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--1 {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--2 {
    background: rgba(var(--accent-rgb), 0.12);
    color: color-mix(in srgb, var(--accent) 80%, var(--primary) 20%);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--3 {
    background: rgba(var(--primary-rgb), 0.14);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--4 {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--5 {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    flex: 1 1 auto;
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy strong {
    font-size: 1.1rem;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-announcement-card.is-active .dashboard-announcement-card__copy strong {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy small {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-announcement-view__panel {
    padding: 1.7rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    background: #ffffff;
    box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-announcement-story {
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    border-radius: 1.6rem;
    background: #f4f7fa;
    padding: 2rem;
    box-shadow: 0 16px 34px -34px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-announcement-story__title {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 3vw, 3.25rem);
    line-height: 1.08;
}

body.whmcs-dashboard-body .dashboard-announcement-story__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.4rem;
    color: var(--text-soft);
    margin-bottom: 1.3rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    background: #f4f7fa;
    border-radius: 1.2rem;
    padding: 1.15rem 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary p {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .dashboard-announcement-story__content {
    color: var(--text-secondary);
    line-height: 1.95;
}

body.whmcs-dashboard-body .dashboard-announcement-story__content h1,
body.whmcs-dashboard-body .dashboard-announcement-story__content h2,
body.whmcs-dashboard-body .dashboard-announcement-story__content h3,
body.whmcs-dashboard-body .dashboard-announcement-story__content h4 {
    color: var(--text-main);
}

body.whmcs-dashboard-body .dashboard-announcement-story__content a {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-story__content a:hover,
body.whmcs-dashboard-body .dashboard-announcement-story__content a:focus {
    color: var(--primary-hover);
}

body.whmcs-dashboard-body .dashboard-announcement-story__content img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-announcement-comments {
    margin-top: 1.35rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    box-shadow: 0 20px 42px -34px rgba(15, 23, 42, 0.12);
}

body.invoice-dashboard-body {
    background: #f4f7fa;
    color: var(--text);
}

body.invoice-dashboard-body .invoice-dashboard {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.74fr);
    gap: 1.4rem;
    margin-bottom: 1.35rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__main,
body.invoice-dashboard-body .dashboard-invoice-status-card,
body.invoice-dashboard-body .dashboard-invoice-overview,
body.invoice-dashboard-body .dashboard-invoice-block {
    border: 1px solid rgba(230, 233, 240, 0.88);
    border-radius: 1.7rem;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.05);
}

body.invoice-dashboard-body .dashboard-invoice-hero__main,
body.invoice-dashboard-body .dashboard-invoice-overview,
body.invoice-dashboard-body .dashboard-invoice-block {
    padding: 1.65rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__brand {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.45rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__brand-icon {
    width: 5rem;
    height: 5rem;
    border-radius: 1.25rem;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__eyebrow {
    margin: 0 0 0.35rem;
    color: var(--text-soft);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.invoice-dashboard-body .dashboard-invoice-hero h1 {
    margin: 0;
    font-size: clamp(3rem, 5vw, 4.5rem);
}

body.invoice-dashboard-body .dashboard-invoice-hero__copy p {
    margin: 0;
    color: var(--text-soft);
    font-size: 1.08rem;
    line-height: 1.8;
}

body.invoice-dashboard-body .dashboard-invoice-status-card {
    overflow: hidden;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__header {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.45rem 1.5rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff4c2e;
    font-size: 1.3rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__header strong {
    display: block;
    font-size: 1.85rem;
    line-height: 1.1;
    text-transform: uppercase;
    color: #ff3d20;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__header span {
    color: var(--text);
    font-size: 1.05rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__body {
    padding: 1.35rem 1.45rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details {
    display: grid;
    gap: 0.8rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details span {
    color: var(--text-soft);
}

body.invoice-dashboard-body .dashboard-invoice-status-card__paybtn {
    margin-top: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__paybtn .btn,
body.invoice-dashboard-body .dashboard-invoice-payment-note__cta .btn {
    min-width: 14rem;
}

body.invoice-dashboard-body .dashboard-invoice-overview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card {
    display: flex;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(226, 233, 239, 0.92);
    background: #fff;
}

body.invoice-dashboard-body .dashboard-invoice-overview__icon {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    background: rgba(240, 251, 247, 0.92);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex: 0 0 auto;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card strong {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 1.4rem;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card p,
body.invoice-dashboard-body .dashboard-invoice-overview__card address {
    margin: 0;
    color: var(--text);
    line-height: 1.8;
}

body.invoice-dashboard-body .dashboard-invoice-overview__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.9rem;
    background: rgba(243, 247, 251, 0.95);
}

body.invoice-dashboard-body .dashboard-invoice-block {
    margin-top: 1.35rem;
}

body.invoice-dashboard-body .dashboard-invoice-table th,
body.invoice-dashboard-body .dashboard-invoice-table td {
    padding-top: 1.05rem;
    padding-bottom: 1.05rem;
}

body.invoice-dashboard-body .dashboard-invoice-table__total td {
    background: rgba(242, 242, 242, 0.92);
    font-size: 1.1rem;
}

body.invoice-dashboard-body .dashboard-invoice-table__balance td:last-child,
body.invoice-dashboard-body .dashboard-invoice-table__total td:last-child {
    color: var(--primary);
    font-weight: 700;
}

body.invoice-dashboard-body .dashboard-invoice-tax-note {
    margin: 0.9rem 0 0;
    color: var(--text-soft);
}

body.invoice-dashboard-body .dashboard-invoice-payment-note {
    margin-top: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 1.4rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(245, 158, 11, 0.16);
    background: #f4f7fa;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note__icon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note p {
    margin: 0;
    flex: 1 1 auto;
    color: #b45309;
}

body.invoice-dashboard-body .dashboard-invoice-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.35rem;
}

body.invoice-dashboard-body .dashboard-invoice-actions__group {
    display: flex;
    gap: 0.85rem;
}

body.invoice-dashboard-body {
    background: #333333;
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .invoice-dashboard {
    max-width: 1320px;
    padding: 2.2rem 1.15rem 3.2rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__main,
body.invoice-dashboard-body .dashboard-invoice-status-card,
body.invoice-dashboard-body .dashboard-invoice-overview,
body.invoice-dashboard-body .dashboard-invoice-block,
body.invoice-dashboard-body .dashboard-invoice-credit,
body.invoice-dashboard-body .dashboard-inline-alert--invoice {
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    box-shadow: 0 20px 42px -34px rgba(15, 23, 42, 0.12);
}

body.invoice-dashboard-body .dashboard-invoice-hero__main {
    background: #fff;
}

body.invoice-dashboard-body .dashboard-invoice-hero__brand-icon {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.15rem;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-hero__eyebrow,
body.invoice-dashboard-body .dashboard-invoice-status-card__details span,
body.invoice-dashboard-body .dashboard-invoice-tax-note {
    color: var(--text-muted, #6b7280);
}

body.invoice-dashboard-body .dashboard-invoice-hero h1,
body.invoice-dashboard-body .dashboard-invoice-overview__card strong,
body.invoice-dashboard-body .dashboard-invoice-status-card__header strong {
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-hero__copy p,
body.invoice-dashboard-body .dashboard-invoice-overview__card p,
body.invoice-dashboard-body .dashboard-invoice-overview__card address,
body.invoice-dashboard-body .dashboard-invoice-status-card__header span {
    color: var(--text-secondary, #333333);
}

body.invoice-dashboard-body .dashboard-invoice-status-card {
    background: #fff;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__icon {
    border-radius: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div + div {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-overview__card {
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    background: #fff;
}

body.invoice-dashboard-body .dashboard-invoice-overview__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-overview__badge {
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-block .dashboard-panel__header,
body.invoice-dashboard-body .dashboard-invoice-credit .dashboard-panel__header {
    border-bottom-color: rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-table thead th {
    color: var(--text-muted, #6b7280);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom-color: rgba(var(--primary-rgb), 0.08);
    background: rgba(var(--primary-rgb), 0.025);
}

body.invoice-dashboard-body .dashboard-invoice-table tbody td {
    border-top-color: rgba(var(--primary-rgb), 0.06);
}

body.invoice-dashboard-body .dashboard-invoice-table tbody tr:hover td {
    background: rgba(var(--primary-rgb), 0.025);
}

body.invoice-dashboard-body .dashboard-invoice-table__total td {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-table__balance td:last-child,
body.invoice-dashboard-body .dashboard-invoice-table__total td:last-child {
    color: var(--primary);
}

body.invoice-dashboard-body .dashboard-invoice-credit .input-group {
    border-radius: 1rem;
    overflow: hidden;
}

body.invoice-dashboard-body .dashboard-invoice-credit .form-control,
body.invoice-dashboard-body .dashboard-invoice-overview__paymethod .custom-select {

    border-color: rgba(var(--primary-rgb), 0.12);
    border-radius: 1rem;
    box-shadow: none;
}

body.invoice-dashboard-body .dashboard-invoice-credit .btn,
body.invoice-dashboard-body .dashboard-invoice-actions .btn,
body.invoice-dashboard-body .dashboard-invoice-payment-note__cta .btn,
body.invoice-dashboard-body .dashboard-inline-alert__action .btn {
    min-height: 3rem;
    border-radius: 1rem;
    box-shadow: none;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note {
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    background: #fff;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.invoice-dashboard-body .dashboard-invoice-payment-note p {
    color: var(--text-secondary, #333333);
}

body.invoice-dashboard-body .dashboard-invoice-actions .btn-default {
    border-color: rgba(var(--primary-rgb), 0.12);
    background: rgba(255, 255, 255, 0.95);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-actions .btn-default:hover,
body.invoice-dashboard-body .dashboard-invoice-actions .btn-default:focus {
    border-color: rgba(var(--primary-rgb), 0.2);
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-error-page__panel {
    padding: 1.8rem;
}

body.whmcs-dashboard-body .dashboard-error-page__hero {
    text-align: center;
    padding: 2.25rem 1.5rem 2rem;
}

body.whmcs-dashboard-body .dashboard-error-page__art {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-error-page__window {
    width: min(22rem, 70vw);
    aspect-ratio: 1.2;
    border-radius: 1.6rem;
    background: #f4f7fa;
    border: 1px solid rgba(var(--primary-rgb), 0.16);
    display: grid;
    place-items: center;
    position: relative;
}

body.whmcs-dashboard-body .dashboard-error-page__window-top {
    position: absolute;
    top: 0.9rem;
    left: 1rem;
    width: 3.2rem;
    height: 0.7rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.22);
}

body.whmcs-dashboard-body .dashboard-error-page__window strong {
    font-size: clamp(4rem, 8vw, 6rem);
    color: var(--primary);
    line-height: 1;
}

body.whmcs-dashboard-body .dashboard-error-page__window i {
    position: absolute;
    right: 2rem;
    bottom: 1.7rem;
    font-size: 4rem;
    color: rgba(var(--primary-rgb), 0.85);
}

body.whmcs-dashboard-body .dashboard-error-page__hero h1 {
    font-size: clamp(2.5rem, 4vw, 4rem);
    margin: 0 0 0.65rem;
}

body.whmcs-dashboard-body .dashboard-error-page__hero p {
    color: var(--text-soft);
    font-size: 1.18rem;
}

body.whmcs-dashboard-body .dashboard-error-page__actions {
    margin-top: 1.2rem;
    display: flex;
    justify-content: center;
    gap: 0.9rem;
}

body.whmcs-dashboard-body .dashboard-error-page__suggestions {
    border-top: 1px solid rgba(227, 233, 239, 0.88);
    margin-top: 1rem;
    padding-top: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-error-page__suggestions > p {
    text-align: center;
    color: var(--text-soft);
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-error-page__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-error-page__card {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.92);
    background: #fff;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-error-page__card span {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(240, 251, 247, 0.92);
    color: var(--primary);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-error-page__card small {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-error-page__search {
    margin: 1rem auto 0;
    max-width: 74rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 1px solid rgba(230, 233, 240, 0.92);
    border-radius: 1rem;
    background: #fff;
    padding: 0 1rem;
    min-height: 4.2rem;
}

body.whmcs-dashboard-body .dashboard-error-page__search i {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-error-page__search .form-control {
    border: 0;
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .dashboard-support-request__layout,
    body.whmcs-dashboard-body .dashboard-kb-article-layout,
    body.whmcs-dashboard-body .dashboard-announcements__layout,
    body.invoice-dashboard-body .dashboard-invoice-hero {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-announcements__featured {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    body.whmcs-dashboard-body .dashboard-announcements__featured-art {
        min-height: 0;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-email-preferences,
    body.whmcs-dashboard-body .dashboard-settings-card--marketing .dashboard-marketing-choice,
    body.invoice-dashboard-body .dashboard-invoice-overview__grid,
    body.whmcs-dashboard-body .dashboard-error-page__cards {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-funds-form__row {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-ticket-reply-panel__header,
    body.whmcs-dashboard-body .dashboard-announcements__header,
    body.whmcs-dashboard-body .dashboard-announcement-view__header,
    body.whmcs-dashboard-body .dashboard-kb-article__topbar,
    body.whmcs-dashboard-body .dashboard-kb-article__footer,
    body.invoice-dashboard-body .dashboard-invoice-actions,
    body.whmcs-dashboard-body .dashboard-error-page__actions,
    body.whmcs-dashboard-body .dashboard-ticket-filters,
    body.invoice-dashboard-body .dashboard-invoice-payment-note {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-error-page__panel,
    body.invoice-dashboard-body .invoice-dashboard {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    body.whmcs-dashboard-body .dashboard-announcement-card,
    body.whmcs-dashboard-body .dashboard-kb-related__item,
    body.whmcs-dashboard-body .dashboard-kb-list__item {
        padding: 1rem;
    }
}

html {
    scroll-behavior: smooth;
}

body.whmcs-dashboard-body {
    min-width: 320px;
    font-family: var(--font-body);
    color: var(--foreground);
    background: #fff;
}

body.whmcs-dashboard-body,
body.whmcs-dashboard-body button,
body.whmcs-dashboard-body input,
body.whmcs-dashboard-body select,
body.whmcs-dashboard-body textarea {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
}

body.whmcs-dashboard-body h1,
body.whmcs-dashboard-body h2,
body.whmcs-dashboard-body h3,
body.whmcs-dashboard-body h4,
body.whmcs-dashboard-body h5,
body.whmcs-dashboard-body h6,
body.whmcs-dashboard-body .logo-wordmark,
body.whmcs-dashboard-body .dashboard-page-title,
body.whmcs-dashboard-body .dashboard-card__value,
body.whmcs-dashboard-body .dashboard-panel__title {
    font-family: var(--font-heading);
}

body.whmcs-dashboard-body a {
    color: inherit;
    text-decoration: none;
}

body.whmcs-dashboard-body img {
    max-width: 100%;
}

.dashboard-shell {
    min-height: 100vh;
    display: flex;
    background: #f4f7fa;
}

.dashboard-sidebar {
    width: var(--sidebar-width);
    background: rgba(255, 255, 255, 0.86);
    border-right: 1px solid rgba(230, 233, 240, 0.95);
    backdrop-filter: blur(12px);
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1040;
    display: flex;
    flex-direction: column;
}

.dashboard-sidebar__brand {
    min-height: var(--topbar-height);
    padding: 0 1.2rem 0 1.45rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(230, 233, 240, 0.95);
}

.dashboard-sidebar__brand-lockup {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.dashboard-sidebar-boundary {
    position: fixed;
    top: calc((var(--topbar-height) - 2.7rem) / 2);
    left: calc(var(--sidebar-width) - 1.35rem);
    z-index: 1040;
    width: 2.7rem;
    height: 2.7rem;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.navbar-brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.navbar-brand-lockup > svg,
.navbar-brand-lockup > img,
.navbar-brand-lockup__mark {
    width: 3.35rem;
    height: 3.35rem;
    display: block;
    flex: 0 0 auto;
}

.hostique-logo-lockup {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    line-height: 0;
}

.hostique-logo-lockup__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.navbar-brand-lockup > .hostique-logo-lockup {
    flex: 0 1 auto;
    min-width: 0;
}

.hostique-logo-lockup--sidebar .hostique-logo-lockup__image {
    height: 3.2rem;
}

.hostique-logo-lockup--focus .hostique-logo-lockup__image {
    height: 3rem;
}

.hostique-logo-lockup--mobile .hostique-logo-lockup__image {
    height: 2.35rem;
}

.hostique-logo-lockup--auth .hostique-logo-lockup__image {
    height: 3.35rem;
}

.auth-shell__brand {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
}

.dashboard-sidebar__brand-lockup .hostique-logo-lockup__image,
.dashboard-focus-topbar__brand .hostique-logo-lockup__image,
.dashboard-topbar__brand .hostique-logo-lockup__image {
    width: auto;
}

.dashboard-topbar__brand {
    max-width: min(100%, 12rem);
}

@media (max-width: 767.98px) {
    .hostique-logo-lockup--mobile .hostique-logo-lockup__image {
        height: 2.1rem;
    }

    .hostique-logo-lockup--auth .hostique-logo-lockup__image {
        height: 3rem;
    }
}

.logo-wordmark {
    font-family: var(--font-alt);
    font-size: 1.38rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.045em;
}

.logo-kicker {
    margin-top: 0.2rem;
    color: var(--muted);
    font-size: 0.56rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
}

.dashboard-sidebar__brand,
.dashboard-topbar,
.dashboard-focus-topbar,
.auth-shell__brand {
    position: relative;
}

.hostique-logo-lockup {
    position: relative;
}

.hostique-logo-lockup__image {
    image-rendering: auto;
    transform: translateZ(0);
    transition: filter 0.28s ease, transform 0.28s ease, opacity 0.28s ease;
    filter: var(--brand-logo-filter-core, none) drop-shadow(0 16px 32px rgba(var(--primary-rgb), 0.18));
}

.hostique-logo-lockup--sidebar .hostique-logo-lockup__image {
    height: 3rem;
}

.hostique-logo-lockup--focus .hostique-logo-lockup__image {
    height: 2.85rem;
}

.hostique-logo-lockup--mobile .hostique-logo-lockup__image {
    height: 2.2rem;
}

.hostique-logo-lockup--auth .hostique-logo-lockup__image {
    height: 3.1rem;
}

.dashboard-sidebar__brand-lockup .navbar-brand-lockup,
.dashboard-focus-topbar__brand,
.dashboard-topbar__brand {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: none;
}

.dashboard-sidebar__brand-lockup .navbar-brand-lockup:hover,
.dashboard-focus-topbar__brand:hover,
.dashboard-topbar__brand:hover {
    transform: none;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.dashboard-sidebar__brand-lockup .navbar-brand-lockup:hover .hostique-brand__name,
.dashboard-focus-topbar__brand:hover .hostique-brand__name,
.dashboard-topbar__brand:hover .hostique-brand__name {
    color: color-mix(in srgb, var(--text-main) 78%, var(--brand-primary) 22%);
}

body.whmcs-dashboard-body[data-theme="green"] {
    --brand-logo-filter-core: hue-rotate(-86deg) saturate(1.18) brightness(1.01);
}

body.whmcs-dashboard-body[data-theme="blue"] {
    --brand-logo-filter-core: none;
}

body.whmcs-dashboard-body[data-theme="purple"] {
    --brand-logo-filter-core: hue-rotate(48deg) saturate(1.2) brightness(1.01);
}

body.whmcs-dashboard-body[data-theme="red"] {
    --brand-logo-filter-core: hue-rotate(138deg) saturate(1.1) brightness(0.98);
}

body.whmcs-dashboard-body[data-theme="yellow"] {
    --brand-logo-filter-core: hue-rotate(178deg) saturate(1.45) brightness(1.08);
}

body.whmcs-dashboard-body[data-theme="black"] {
    --brand-logo-filter-core: grayscale(0.92) brightness(0.66) contrast(1.12);
}

body.whmcs-dashboard-body[data-theme="hostina"] {
    --brand-logo-filter-core: none;
}

.dashboard-sidebar__close,
.dashboard-sidebar__toggle,
.dashboard-mobile-toggle,
.header-control-btn,
.toolbar-icon {
    width: 2.7rem;
    height: 2.7rem;
    border: 0;
    border-radius: 0.95rem;
    background: var(--surface-2);
    color: var(--muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.header-control-btn {
    width: auto;
    min-height: 2.7rem;
    padding: 0 0.85rem;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(230, 233, 240, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
}

.dashboard-sidebar__close:hover,
.dashboard-sidebar__toggle:hover,
.dashboard-mobile-toggle:hover,
.header-control-btn:hover,
.toolbar-icon:hover,
.dashboard-sidebar__close:focus,
.dashboard-sidebar__toggle:focus,
.dashboard-mobile-toggle:focus,
.header-control-btn:focus,
.toolbar-icon:focus {
    color: var(--foreground);
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(var(--primary-rgb), 0.22);
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.1);
    outline: 0;
}

.dashboard-sidebar__close {
    display: none;
}

.dashboard-sidebar__toggle {
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(230, 233, 240, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
    pointer-events: auto;
}

.dashboard-sidebar__toggle:hover,
.dashboard-sidebar__toggle:focus {
    border-color: rgba(var(--primary-rgb), 0.22);
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.1);
}

.dashboard-sidebar__toggle svg,
.dashboard-sidebar-reopen svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.24s ease;
	color: #0b0d1f;
}

.dashboard-sidebar__toggle.is-collapsed svg {
    transform: rotate(180deg);
}

.dashboard-nav {
    padding: 1rem 0.9rem;
    display: grid;
    gap: 0.3rem;
    align-content: start;
    grid-auto-rows: max-content;
    flex: 1 1 auto;
}

.dashboard-nav__group {
    display: grid;
    gap: 0.18rem;
    border-radius: 1.05rem;
}

.dashboard-nav__row {
    position: relative;
    display: block;
}

body.whmcs-dashboard-body .dashboard-nav__link {
    width: 100%;
    border: 0;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    background: transparent;
    color: var(--muted);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-family: var(--font-body);
    font-size: var(--font-base);
    font-weight: 500;
    line-height: 1.4;
}

.dashboard-nav__link-main,
.dashboard-nav__chevron {
    display: inline-flex;
    align-items: center;
}

.dashboard-nav__link--solo {
    justify-content: space-between;
}

.dashboard-nav__link-main {
    gap: 0.75rem;
    min-width: 0;
}

.dashboard-nav__chevron {
    flex-shrink: 0;
    justify-content: center;
    color: currentColor;
}

.dashboard-nav__chevron--placeholder {
    visibility: hidden;
    pointer-events: none;
}

body.whmcs-dashboard-body .dashboard-nav__link--solo {
    justify-content: space-between !important;
    color: var(--muted) !important;
}

body.whmcs-dashboard-body .dashboard-nav__link .dashboard-nav__link-main,
body.whmcs-dashboard-body .dashboard-nav__link .dashboard-nav__link-main span,
body.whmcs-dashboard-body .dashboard-nav__link svg {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

body.whmcs-dashboard-body .dashboard-nav__link--solo:hover,
body.whmcs-dashboard-body .dashboard-nav__link--solo:focus,
body.whmcs-dashboard-body .dashboard-nav__link--solo.active {
    color: var(--primary) !important;
    background: rgba(var(--primary-rgb), 0.09) !important;
    font-weight: 700 !important;
}

.dashboard-nav__chevron svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.2s ease;
}

.dashboard-nav__link svg,
.dashboard-search svg,
.dashboard-card svg,
.toolbar-icon svg,
.header-control-btn svg,
.dashboard-mobile-toggle svg,
.dashboard-cta-btn svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

body.whmcs-dashboard-body .dashboard-nav__link.active,
body.whmcs-dashboard-body .dashboard-nav__link:hover,
body.whmcs-dashboard-body .dashboard-nav__link:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.09);
    font-weight: 700;
}

.dashboard-nav__link:focus {
    outline: 0;
}

.dashboard-nav__group.is-open .dashboard-nav__chevron svg {
    transform: rotate(180deg);
}

.dashboard-nav__submenu-wrap {
    margin-left: 1.15rem;
    padding-left: 0.95rem;

    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    transition: max-height 0.28s ease, opacity 0.2s ease, transform 0.2s ease;
}

.dashboard-nav__group.is-open .dashboard-nav__submenu-wrap {
    opacity: 1;
    transform: translateY(0);
}

.dashboard-nav__submenu {
    display: grid;
    gap: 0.2rem;
    padding-top: 0.15rem;
    padding-bottom: 0.25rem;
}

.dashboard-nav__sublink {
    padding: 0.6rem 0.8rem;
    border-radius: 0.8rem;
    color: var(--muted);
    font-size: var(--font-sm);
    font-weight: 500;
    line-height: 1.35;
    transition: all 0.2s ease;
}

.dashboard-nav__sublink:hover,
.dashboard-nav__sublink:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    text-decoration: none;
}

.dashboard-nav__sublink.active {
    color: inherit !important;
    background: transparent !important;
    font-weight: 500 !important;
    text-decoration: none;
    box-shadow: none !important;
}

.dashboard-nav__group.is-open .dashboard-nav__row .dashboard-nav__link:not(.active) {
    background: transparent;
}

.dashboard-sidebar__user {
    padding: 1rem;
    border-top: 1px solid rgba(230, 233, 240, 0.95);
}

.dashboard-user-menu {
    position: relative;
}

.dashboard-user-card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 1.15rem;
    background: rgba(244, 247, 248, 0.75);
    border: 1px solid rgba(230, 233, 240, 0.9);
    text-align: left;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    cursor: pointer;
}

.dashboard-user-card__avatar {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--foreground);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px rgba(230, 233, 240, 0.95);
}

.dashboard-user-card__name {
    font-weight: 700;
    line-height: 1.2;
}

.dashboard-user-card__meta {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-user-card__email {
    color: var(--muted);
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-user-card__chevron {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    flex: 0 0 auto;
    transition: transform 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.dashboard-user-card__chevron svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-user-menu.is-open .dashboard-user-card,
.dashboard-user-card:hover,
.dashboard-user-card:focus-visible {
    border-color: rgba(var(--primary-rgb), 0.25);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px -18px rgba(var(--primary-rgb), 0.45);
    outline: none;
}

.dashboard-user-menu.is-open .dashboard-user-card__chevron {
    transform: rotate(180deg);
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
}

.dashboard-user-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 0.8rem);
    padding: 0.6rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 18px 36px -22px rgba(16, 24, 40, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 1080;
}

.dashboard-user-menu.is-open .dashboard-user-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.dashboard-user-dropdown__section + .dashboard-user-dropdown__section,
.dashboard-user-dropdown__footer {
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(230, 233, 240, 0.8);
}

.dashboard-user-dropdown__item,
.dashboard-user-logout {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width: 100%;
    min-height: 4.4rem;
    padding: 0.6rem 1.2rem 0.6rem 0.8rem;
    border-radius: 1rem;
    color: var(--foreground);
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    transition: background 0.2s ease, color 0.2s ease;
}

.dashboard-user-dropdown__item:hover,
.dashboard-user-dropdown__item:focus-visible,
.dashboard-user-logout:hover,
.dashboard-user-logout:focus-visible {
    background: rgba(var(--primary-rgb), 0.07);
    color: var(--primary);
    outline: none;
}

.dashboard-user-dropdown__item.active {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-user-dropdown__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    flex: 0 0 auto;
}

.dashboard-user-dropdown__icon svg {
    width: 1.6rem;
    height: 1.6rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-user-dropdown__icon.logout {
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
}

.dashboard-user-logout {
    color: #b42318;
}

.dashboard-user-logout:hover,
.dashboard-user-logout:focus-visible {
    background: rgba(239, 68, 68, 0.07);
    color: #b42318;
}

.dashboard-main {
    flex: 1 1 auto;
    margin-left: var(--sidebar-width);
    min-width: 0;
    transition: margin-left 0.28s ease, margin-right 0.28s ease;
}

body.whmcs-dashboard-body .dashboard-sidebar,
body.whmcs-dashboard-body .navbar-brand-lockup,
body.whmcs-dashboard-body .dashboard-nav__submenu-wrap,
body.whmcs-dashboard-body .dashboard-user-card,
body.whmcs-dashboard-body .dashboard-sidebar__user {
    transition: all 0.28s ease;
}

@media (min-width: 992px) {
    body.whmcs-dashboard-body .dashboard-sidebar {
        transition: transform 0.34s ease, opacity 0.28s ease, visibility 0.28s ease;
    }

    body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar {
        transform: translateX(calc(-100% - 1.25rem));
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-main {
        margin-left: 0;
    }
}

.dashboard-topbar {
    min-height: var(--topbar-height);
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid rgba(230, 233, 240, 0.95);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.dashboard-sidebar-reopen {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.92);
    color: #344054;
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    min-width: 2.7rem;
    margin-right: 0;
    overflow: hidden;
    transform: scale(0.92);
    pointer-events: none;
    position: absolute;
    inset: 0;
    transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.dashboard-sidebar-reopen:hover,
.dashboard-sidebar-reopen:focus {
    border-color: rgba(var(--primary-rgb), 0.24);
    box-shadow: 0 16px 34px rgba(var(--primary-rgb), 0.12);
    outline: 0;
}

.dashboard-sidebar-reopen.is-visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
}

body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar-boundary {
    left: 1rem;
}

body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar__toggle {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.92);
}

body.whmcs-dashboard-body:not(.dashboard-sidebar-hidden) .dashboard-sidebar__toggle {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

body.whmcs-dashboard-body.modal-open .dashboard-sidebar-boundary {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.dashboard-topbar__left,
.dashboard-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-topbar__left {
    flex: 1 1 auto;
    min-width: 0;
}

.dashboard-search {
    width: min(100%, 360px);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 1rem;
}

.dashboard-search input {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--foreground);
    box-shadow: none;
    font-size: 1rem;
}

.dashboard-search input:focus {
    outline: 0;
}

.header-flag {
    font-size: 0.82rem;
    font-weight: 700;
}

.theme-swatch {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid rgba(230, 233, 240, 1);
    flex-shrink: 0;
}

.header-control-btn--theme {
    justify-content: flex-start;
    gap: 0.6rem;
    width: auto;
    padding-inline: 0.9rem 0.68rem;
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(230, 233, 240, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
    color: var(--muted);
}

.header-control-btn--theme:hover,
.header-control-btn--theme:focus {
    color: var(--foreground);
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(var(--primary-rgb), 0.22);
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.1);
}

.current-theme-name {
    font-size: 0.82rem;
    font-weight: 700;
    color: #333333;
    line-height: 1;
}

.header-control-btn__chevron {
    font-size: 0.68rem;
    color: #646d7e;
}

.header-control-btn__meta,
.current-theme-name {
    white-space: nowrap;
}

.header-control-btn--theme .theme-swatch {
    width: 15px;
    height: 15px;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

.header-control-btn--theme .current-theme-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #344054;
}

.toolbar-icon {
    position: relative;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(230, 233, 240, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
}

.toolbar-icon--cart {
    min-width: 2.9rem;
    padding-inline: 0.7rem;
}

.toolbar-icon__badge {
    position: absolute;
    top: -0.38rem;
    inset-inline-end: -0.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.28rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--gradient-primary);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 8px 16px rgba(var(--primary-rgb), 0.18);
}

.dashboard-theme-menu {
    min-width: 15rem;
    padding: 0.5rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 1rem;
    box-shadow: 0 20px 40px rgba(16, 24, 40, 0.08);
}

.dashboard-theme-menu__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.45rem 0.55rem 0.7rem;
}

.dashboard-theme-menu__header strong {
    display: block;
    font-size: 0.85rem;
    line-height: 1.1;
    color: #101828;
}

.dashboard-theme-menu__header span {
    display: block;
    font-size: 0.72rem;
    color: #646d7e;
    line-height: 1.2;
}

.dashboard-theme-menu__options {
    display: grid;
    gap: 0.35rem;
}

.theme-option {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    padding: 0.72rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 0.9rem;
    background: transparent;
    color: #101828;
    text-align: left;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.theme-option:hover,
.theme-option:focus-visible {
    background: rgba(16, 24, 40, 0.03);
    border-color: rgba(230, 233, 240, 0.92);
    outline: none;
    text-decoration: none;
}

.theme-option.active {
    background: rgba(var(--primary-rgb), 0.08);
    border-color: rgba(var(--primary-rgb), 0.16);
}

.theme-option__swatch-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: rgba(242, 242, 242, 0.96);
    border: 1px solid rgba(230, 233, 240, 0.92);
    flex-shrink: 0;
}

.theme-option__copy {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
    flex: 1 1 auto;
}

.theme-option__copy strong {
    font-size: 0.84rem;
    line-height: 1.2;
    color: #101828;
}

.theme-option__copy small {
    font-size: 0.72rem;
    color: #646d7e;
    line-height: 1.2;
}

.theme-option__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    color: transparent;
    background: transparent;
    flex-shrink: 0;
    transition: color 0.18s ease, background-color 0.18s ease;
}

.theme-option.active .theme-option__check {
    color: #ffffff;
    background: var(--gradient-primary);
}

.theme-swatch.green {
    background: #3160f6;
}

.theme-swatch.blue {
    background: #2449d8;
}

.theme-swatch.purple {
    background: #2449d8;
}

.theme-swatch.red {
    background: #3160f6;
}

.theme-swatch.yellow {
    background: #f4f7fa;
}

.theme-swatch.black {
    background: #f4f7fa;
}

.toolbar-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #3160f6;
    position: absolute;
    top: 0.42rem;
    right: 0.42rem;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.92);
}

.dashboard-notification-menu {
    width: 22rem;
    padding: 0.85rem !important;
}

.dashboard-notification-menu__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.25rem 0.2rem 0.9rem;
    border-bottom: 1px solid rgba(230, 233, 240, 0.95);
    margin-bottom: 0.4rem;
}

.dashboard-notification-menu__title {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--foreground);
}

.dashboard-notification-menu__subtitle {
    margin-top: 0.25rem;
    color: var(--muted);
    font-size: 0.86rem;
}

.dashboard-notification-menu__badge {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.86rem;
    font-weight: 700;
}

.dashboard-notification-menu__list {
    display: grid;
    gap: 0.45rem;
}

.dashboard-notification-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.8rem 0.75rem;
    border-radius: 1rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dashboard-notification-item:hover,
.dashboard-notification-item:focus {
    background: rgba(var(--primary-rgb), 0.06);
}

.dashboard-notification-item__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-notification-item__icon svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-notification-item__icon.invoices {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.dashboard-notification-item__icon.tickets {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

.dashboard-notification-item__icon.services {
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent);
}

.dashboard-notification-item__icon.domains,
.dashboard-notification-item__icon.neutral {
    background: rgba(51, 51, 51, 0.1) !important;
    color: #333333;
}

.dashboard-notification-item__content {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.dashboard-notification-item__title {
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--foreground);
}

.dashboard-notification-item__meta {
    margin-top: 0.2rem;
    font-size: 0.84rem;
    color: var(--muted);
    line-height: 1.35;
}

.dashboard-notification-item__count {
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.84rem;
    font-weight: 700;
    flex-shrink: 0;
}

.dashboard-notification-item__count.neutral {
    background: rgba(148, 163, 184, 0.16);
    color: #333333;
}

.modal-generate-password .modal-content {
    background: #fff;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 1.4rem;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.18);
    overflow: hidden;
}

.modal-generate-password .modal-header {
    align-items: center;
    border-bottom: 1px solid rgba(230, 233, 240, 0.88);
    padding: 1.2rem 1.35rem;
    background: #f4f7fa;
}

.modal-generate-password .modal-title {
    margin: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.modal-generate-password .modal-header .close {
    margin: 0;
    padding: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #344054;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: none;
    box-shadow: inset 0 0 0 1px rgba(230, 233, 240, 0.95);
}

.modal-generate-password .modal-header .close:hover,
.modal-generate-password .modal-header .close:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    outline: 0;
}

.modal-generate-password .modal-body {
    padding: 1.35rem;
    background: #fff;
}

.modal-generate-password .modal-body .form-group {
    margin-bottom: 1rem;
}

.modal-generate-password .modal-body .col-form-label {
    color: var(--foreground);
    font-weight: 700;
}

.modal-generate-password .modal-body .form-control {
    min-height: 3rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 0.95rem;
    box-shadow: none;
}

.modal-generate-password .modal-body .form-control:focus {
    border-color: rgba(var(--primary-rgb), 0.45);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
}

.modal-generate-password .modal-body .btn {
    min-height: 2.75rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 700;
}

.modal-generate-password .modal-body .btn-default,
.modal-generate-password .modal-footer .btn-default {
    border-color: rgba(230, 233, 240, 0.95);
    background: rgba(255, 255, 255, 0.95);
    color: var(--foreground);
}

.modal-generate-password .modal-body .btn-default:hover,
.modal-generate-password .modal-body .btn-default:focus,
.modal-generate-password .modal-footer .btn-default:hover,
.modal-generate-password .modal-footer .btn-default:focus {
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.05);
}

.modal-generate-password .modal-footer {
    border-top: 1px solid rgba(230, 233, 240, 0.88);
    padding: 1rem 1.35rem 1.35rem;
    background: #fff;
}

.modal-generate-password .modal-footer .btn {
    min-height: 2.95rem;
    border-radius: 0.95rem;
    font-weight: 700;
}

.modal-generate-password .modal-footer .btn-primary {
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

.modal-generate-password .modal-footer .btn-primary:hover,
.modal-generate-password .modal-footer .btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

.btn.btn-brand,
.dashboard-cta-btn {
    background: var(--gradient-primary);
    border: 0;
    color: #fff!important;
    box-shadow: 0 0 40px -12px rgba(var(--primary-rgb), 0.28);
    border-radius: 999px;
    min-height: 2.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.btn.btn-brand:hover,
.btn.btn-brand:focus,
.dashboard-cta-btn:hover,
.dashboard-cta-btn:focus {
    color: #fff!important;
    opacity: 0.96;
}

.dashboard-page {
    padding: 1.5rem;
}

.dashboard-page__inner {
    width: 100%;
    max-width: 1620px;
    margin: 0 auto;
}

.dashboard-page-header,
.dashboard-card,
.dashboard-panel,
.dashboard-context-panel,
.dashboard-stat-card {
    border: 1px solid rgba(230, 233, 240, 0.9);
    border-radius: var(--radius-xl);
    background: var(--card);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.025);
}

.dashboard-page-header {
    padding: 1.6rem 1.75rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-page-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.dashboard-page-subtitle {
    margin: 0.35rem 0 0;
    color: var(--muted);
}

.dashboard-page-breadcrumb .breadcrumb {
    margin: 0;
    background: transparent;
    padding: 0;
}

@media (min-width: 992px) {
    .dashboard-mobile-toggle,
    .dashboard-sidebar__close,
    .dashboard-topbar__brand {
        display: none !important;
    }
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-card {
    padding: 1.95rem 1.65rem;
    min-height: 13.4rem;
}

.dashboard-card__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.15rem;
    color: var(--muted);
}

.dashboard-card__value {
    margin: 0;
    font-size: clamp(2.15rem, 3vw, 3.15rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.dashboard-card__meta {
    margin: 0.7rem 0 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.dashboard-panel,
.dashboard-context-panel {
    padding: 2rem 1.95rem;
}

.dashboard-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.dashboard-panel__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.dashboard-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.72rem 1.15rem;
    border: 0;
    border-radius: 0.95rem;
    background: var(--gradient-primary);
    color: #fff !important;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 24px -16px rgba(var(--primary-rgb), 0.55);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.dashboard-link i {
    padding-right: 10px;
}

.dashboard-link:hover,
.dashboard-link:focus {
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 14px 28px -18px rgba(var(--primary-rgb), 0.65);
    transform: translateY(-1px);
}

.dashboard-link:active {
    transform: translateY(0);
}

.dashboard-panel__copy {
    margin: 0.4rem 0 0;
    color: var(--muted);
    font-size: 0.96rem;
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-stat-grid--compact {
    margin-top: -0.15rem;
}

body.whmcs-dashboard-body .dashboard-stat-card {
    padding: 1.75rem 1.6rem;
    min-height: 10.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.whmcs-dashboard-body .dashboard-stat-card__label {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-stat-card__value {
    display: block;
    margin-top: 0.75rem;
    color: var(--foreground);
    font-size: clamp(2rem, 2.5vw, 2.6rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

body.whmcs-dashboard-body .dashboard-stat-card__meta {
    margin-top: 0.65rem;
    color: var(--muted);
    font-size: 0.94rem;
}

body.whmcs-dashboard-body .dashboard-home-stats {
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-home-stat {
    position: relative;
    min-height: 10rem;
    padding: 1.55rem 1.65rem 1.3rem;
    border-color: rgba(222, 229, 236, 0.96);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body .dashboard-home-stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    opacity: 0.98;
}

body.whmcs-dashboard-body .dashboard-home-stat::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border-radius: 1.5rem;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body.whmcs-dashboard-body .dashboard-home-stat__body {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: start;
    gap: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-home-stat__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.whmcs-dashboard-body .dashboard-home-stat__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-home-stat__icon svg {
    width: 1.65rem;
    height: 1.65rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-home-stat__title {
    margin: 0;
    color: #182230;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.25;
}

body.whmcs-dashboard-body .dashboard-home-stat__trend {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.72rem;
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.whmcs-dashboard-body .dashboard-home-stat__value {
    margin-top: 0.7rem;
    font-family: var(--font-heading);
    font-size: clamp(2.3rem, 3vw, 3rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}

body.whmcs-dashboard-body .dashboard-home-stat__meta {
    margin: 0.85rem 0 0;
    color: #667085;
    font-size: 0.95rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-home-stat__decor {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat__decor--wave {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__icon {
    background: #f4f7fa;
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__trend {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__decor--wave {
    background-image: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__icon {
    background: #f4f7fa;
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--billing::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__trend {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__decor--wave {
    background-image: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__icon {
    background: #f4f7fa;
    color: #2b6ef3;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__value {
    color: #2b6ef3;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__trend {
    background: rgba(37, 99, 235, 0.1);
    color: #2b6ef3;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    align-items: end;
    gap: 0.55rem;
    padding-inline: 0.5rem;
    height: 4.3rem;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars::before,
body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars::after {
    content: "";
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars {
    --bar-color: rgba(37, 99, 235, 0.22);
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__icon {
    background: #f4f7fa;
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__trend {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__decor--wave {
    background-image: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__icon,
body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__icon,
body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__icon,
body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__icon {
    background: #f4f7fa;
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__value,
body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__value,
body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__value,
body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat__title {
    color: #182230;
}

body.whmcs-dashboard-body .dashboard-home-stat__meta {
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-home-panel__header {
    align-items: flex-start;
    gap: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-table tbody td {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 0;
    padding-right: 0;
}

body.whmcs-dashboard-body .dashboard-home-panel__subtitle {
    margin: 0.45rem 0 0;
    color: #667085;
    font-size: 0.98rem;
}

body.whmcs-dashboard-body .dashboard-chip-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary) !important;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.whmcs-dashboard-body .dashboard-chip-link:hover,
body.whmcs-dashboard-body .dashboard-chip-link:focus {
    color: var(--primary) !important;
    text-decoration: none;
    background: rgba(var(--primary-rgb), 0.14);
}

body.whmcs-dashboard-body .dashboard-home-th {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

body.whmcs-dashboard-body .dashboard-home-th i {
    color: #b8c0cc;
    font-size: 0.7rem;
}

body.whmcs-dashboard-body .dashboard-home-th--right {
    justify-content: flex-end;
    width: 100%;
}

body.whmcs-dashboard-body .dashboard-ticket-row__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-ticket-row__icon svg,
body.whmcs-dashboard-body .dashboard-ticket-row__chevron svg {
    width: 1.35rem;
    height: 1.35rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-home-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-inline: 1rem;
    padding-top: 1.1rem;
    border-top: 0;
    margin-top: 0.35rem;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__count {
    color: #667085;
    font-size: 0.98rem;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__pager {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__page-btn {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #646d7e;
    background: rgba(255, 255, 255, 0.96);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__page-btn.is-active {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.1);
    border-color: rgba(var(--primary-rgb), 0.12);
}

body.whmcs-dashboard-body .dashboard-ticket-row {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-row__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-ticket-row__meta {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    margin-left: auto;
}

body.whmcs-dashboard-body .dashboard-ticket-row__chevron {
    color: #646d7e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-home-loading {
    min-height: 14rem;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.9rem;
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-home-loading__icon {
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    animation: dashboard-home-loading-pulse 1.1s ease-in-out infinite alternate;
}

body.whmcs-dashboard-body .dashboard-home-loading__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-home-loading__copy {
    display: grid;
    gap: 0.35rem;
}

body.whmcs-dashboard-body .dashboard-home-loading__title {
    font-size: 1.02rem;
    font-weight: 700;
    color: #344054;
}

@keyframes dashboard-home-loading-pulse {
    from {
        transform: scale(0.98);
        opacity: 0.82;
    }
    to {
        transform: scale(1.04);
        opacity: 1;
    }
}

.dashboard-table {
    margin-bottom: 0;
}

.dashboard-table thead th {
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-top: 0;
    border-bottom: 1px solid rgba(230, 233, 240, 0.95);
    padding: 0.85rem 1rem;
    background: transparent;
}

.dashboard-table tbody td {
    padding: 0.9rem 1rem;
    vertical-align: middle;
    border: 0;
    font-size: 0.94rem;
    line-height: 1.45;
}

.table-container tbody tr {
    border-radius: 0 !important;
}

.dashboard-table tbody tr:hover {
    background: rgba(var(--primary-rgb), 0.03);
    border-radius: 0 !important;
}

.dashboard-table tbody tr:hover td,
.dashboard-table tbody tr:hover th {
    border-radius: 0 !important;
}

.dashboard-item-title {
    font-weight: 700;
    color: var(--foreground);
    font-size: 0.96rem;
    line-height: 1.3;
}

.dashboard-item-subtitle {
    margin-top: 0.14rem;
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.35;
}

.dashboard-stack {
    display: grid;
    gap: 1rem;
}

.muted-copy.small,
.dashboard-card__head .small {
    font-size: 0.92rem !important;
    font-weight: 500;
}

.dashboard-empty-state,
.dashboard-empty-cell {
    text-align: center;
    color: var(--muted);
    padding: 2rem 1rem;
}

.auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1.25rem;
    align-items: start;
}

.auth-shell__intro,
.auth-form {
    min-height: 100%;
}

.auth-shell__intro {
    padding: 2rem;
    background: #fff;
}

.auth-shell__eyebrow {
    display: inline-block;
    margin-bottom: 0.8rem;
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.auth-shell__title,
.auth-form__title {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.auth-shell__copy,
.auth-form__subtitle {
    margin: 0.8rem 0 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.8;
}

.auth-form {
    padding: 2rem;
}

.auth-form__header {
    margin-bottom: 1.5rem;
}

.auth-input-group {
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 0.95rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
}

.auth-input-group .input-group-text,
.auth-input-group .form-control,
.auth-input-group .btn {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.auth-input-group .input-group-text {
    color: var(--muted);
    padding-inline: 1rem;
}

.auth-input-group .form-control {
    min-height: 3.2rem;
    padding-inline: 0.25rem 1rem;
}

.auth-input-group:focus-within {
    border-color: rgba(var(--primary-rgb), 0.4);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
}

.auth-reveal-btn {
    color: var(--muted);
    padding-inline: 1rem;
}

.auth-form__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.auth-submit-btn {
    display: inline-flex;
    align-items: center;
    min-width: 10rem;
    justify-content: center;
    text-align: center;
    gap: 0.55rem;
}

.auth-remember {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--foreground);
}

.auth-remember .form-check-input {
    margin: 0;
    position: static;
    flex-shrink: 0;
}

.auth-form__footer {
    margin-top: 1.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(230, 233, 240, 0.9);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--muted);
}

.auth-form__footer a {
    color: var(--foreground);
    font-weight: 700;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-pill.success {
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent);
}

.status-pill.primary {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.status-pill.warning {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.status-pill.danger {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.status-pill.info {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

.status-pill.muted {
    background: rgba(102, 112, 133, 0.12);
    color: var(--muted);
}

.dashboard-page-section {
    display: grid;
    gap: 1.35rem;
}

.dashboard-page-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.15rem;
}

.dashboard-page-heading--inline {
    margin-bottom: 1.45rem;
}

.dashboard-page-heading__title,
.dashboard-page-heading__actions {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.dashboard-page-heading__title {
    min-width: 0;
}

.dashboard-page-heading__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dashboard-page-heading__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex: 0 0 auto;
}

.dashboard-page-table-panel {
    padding: 1.6rem;
}

.dashboard-page-table-panel--tight {
    padding: 1.35rem 1.55rem 1.45rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-page-table-panel,
body.whmcs-dashboard-body[data-page-template="clientareadomaindetails"] .dashboard-page-table-panel,
body.whmcs-dashboard-body[data-page-template="clientareadomaindetails"] .dashboard-page-table-panel--tight {
    overflow: visible;
}

.dashboard-page-table-panel--tight .dashboard-table tbody td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dashboard-analytics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    align-items: stretch;
}

.dashboard-analytics-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.4rem !important;
    align-items: stretch;
}

body.whmcs-dashboard-body .dashboard-analytics-grid,
body.whmcs-dashboard-body .dashboard-analytics-grid--three {
    position: relative;
}

body.whmcs-dashboard-body .dashboard-analytics-grid > *,
body.whmcs-dashboard-body .dashboard-analytics-grid--three > * {
    min-width: 0;
}

.dashboard-analytics-card {
    position: relative;
    overflow: hidden;
    min-height: 10rem;
    padding: 1.55rem 1.65rem 1.3rem;
    border: 1px solid rgba(222, 229, 236, 0.96);
    border-radius: var(--radius-xl);

    display: flex;
    align-items: center;
    gap: 1.1rem;
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

.dashboard-analytics-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    opacity: 0.98;
    pointer-events: none;
}

.dashboard-analytics-card::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border-radius: 1.5rem;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.dashboard-analytics-card--spark {
    padding-right: 9rem;
}

.dashboard-analytics-card__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.dashboard-analytics-card__copy {
    display: grid;
    gap: 0.2rem;
    position: relative;
    z-index: 1;
}

.dashboard-analytics-card__label {
    color: #182230;
    font-size: 1.04rem;
    font-weight: 700;
    line-height: 1.25;
}

.dashboard-analytics-card__value {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 2.8vw, 2.8rem);
    line-height: 1;
    letter-spacing: -0.05em;
    color: #182230;
}

.dashboard-analytics-card__meta {
    color: #667085;
    font-size: 0.92rem;
}

.dashboard-analytics-card__line {
    position: absolute;
    right: 1rem;
    bottom: 0.9rem;
    width: 8.8rem;
    height: 2.7rem;
    pointer-events: none;
    opacity: 0.84;
    z-index: 0;
}

.dashboard-analytics-card__line--green {
    background: #f1f1f1;
}

.dashboard-analytics-card__line--amber {
    background: #f1f1f1;
}

.dashboard-analytics-card__line--mint {
    background: #f1f1f1;
}

.dashboard-analytics-card__line--violet {
    background: #f1f1f1;
}

.dashboard-analytics-card--green .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-analytics-card--mint .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-analytics-card--rose .dashboard-analytics-card__icon {
    background: rgba(239, 68, 68, 0.08);
    color: #ff4d4f;
}

.dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-analytics-card {
    min-height: 10rem;
    padding: 1.55rem 1.65rem 1.3rem;
    border-color: rgba(222, 229, 236, 0.96);
    background: #fff;
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: start;
    gap: 1.1rem;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-analytics-card::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-analytics-card__line {
    display: none !important;
}

body.whmcs-dashboard-body .dashboard-analytics-card__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.whmcs-dashboard-body .dashboard-analytics-card__copy {
    display: grid;
    gap: 0;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-analytics-card__label {
    color: #182230;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.25;
}

body.whmcs-dashboard-body .dashboard-analytics-card__value {
    margin-top: 0.7rem;
    color: var(--primary);
    font-size: clamp(2.3rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}

body.whmcs-dashboard-body .dashboard-analytics-card__meta {
    margin-top: 0.85rem;
    color: #667085;
    font-size: 0.95rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body .dashboard-analytics-card--mint .dashboard-analytics-card__icon,
body.whmcs-dashboard-body .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body .dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background: #f4f7fa;
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-analytics-card--green .dashboard-analytics-card__value,
body.whmcs-dashboard-body .dashboard-analytics-card--mint .dashboard-analytics-card__value,
body.whmcs-dashboard-body .dashboard-analytics-card--amber .dashboard-analytics-card__value,
body.whmcs-dashboard-body .dashboard-analytics-card--violet .dashboard-analytics-card__value {
    color: var(--primary);
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountuserpermissions"] .dashboard-analytics-card {

    border-color: rgba(222, 229, 236, 0.96);
    box-shadow: none;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card {
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card {
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card {
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountuserpermissions"] .dashboard-analytics-card::before {
    display: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountuserpermissions"] .dashboard-analytics-card__line {
    display: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card {
    border-color: rgba(222, 229, 236, 0.96);
    background: #fff;
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
		
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card::before {
    display: block;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card {
    border-color: rgba(222, 229, 236, 0.96);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card__line {
    display: block;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card--violet .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList thead th:first-child,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList tbody td:first-child {
    width: 2.15rem;
    min-width: 2.15rem;
    max-width: 2.15rem;
    padding-left: 0.45rem;
    padding-right: 0.1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList thead th:nth-child(2),
body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList tbody td:nth-child(2) {
    padding-left: 0.05rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-table-service--domain {
    grid-template-columns: 2.9rem minmax(0, 1fr);
    gap: 0.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .domids {
    margin: 0;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList thead th:nth-child(1),
body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:nth-child(1) {
    width: 34%;
    white-space: nowrap;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList thead th:nth-child(2),
body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:nth-child(2) {
    padding-left: 0.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList thead th:last-child,
body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:last-child {
    width: 5.5rem;
    padding-right: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:first-child {
    text-align: left !important;
    padding-right: 0.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] table.dataTable > tbody > tr.child span.dtr-title,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList tbody tr.child span.dtr-title {
    display: inline-block;
    min-width: 180px !important;
    width: 180px !important;
    max-width: 180px !important;
    white-space: nowrap !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList .dashboard-table-inline {
    justify-content: flex-start;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList .dashboard-table-service--compact {
    grid-template-columns: 2.9rem minmax(0, 1fr);
    gap: 0.8rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList .dashboard-table-service--compact {
    grid-template-columns: 2.35rem minmax(3.5rem, 1fr);
    gap: 0.85rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList .dashboard-table-service__copy {
    min-width: 3.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList .dashboard-item-title {
    display: inline-block;
    min-width: 3.5rem;
    white-space: nowrap;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList .dashboard-row-actions {
    justify-content: flex-end;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card {
    border-color: rgba(222, 229, 236, 0.96);
    background: #fff;
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card__line {
    display: block;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card--mint .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline {
    display: block;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__title {
    min-width: 0;
    gap: 1rem;
    align-items: flex-start;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.85rem;
    padding-left: 0;
    margin-top: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__actions--invoices {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-panel__copy {
    margin: 0.35rem 0 0;
    max-width: 52ch;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-link,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-action-ghost {
    min-height: 3.1rem;
    padding-inline: 1.2rem;
}

body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.85rem;
    padding-left: 0;
    margin-top: 1rem;
}

body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-link--hero,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-action-ghost {
    justify-content: flex-start;
    text-align: left;
    min-width: 13rem;
    padding-inline: 1.15rem 1.35rem;
}

body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-link--hero i,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-action-ghost i {
    width: 1rem;
    text-align: center;
    flex: 0 0 1rem;
}

.dashboard-page-heading__actions--security {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    gap: 0.85rem;
    padding-left: 0;
    margin-top: 1rem;
}

.dashboard-page-heading__actions--security .dashboard-link--hero,
.dashboard-page-heading__actions--security .dashboard-action-ghost {
    justify-content: flex-start !important;
    text-align: left !important;
    min-width: 13rem;
    padding-inline: 1.15rem 1.35rem;
}

.dashboard-page-heading__actions--security .dashboard-link--hero i,
.dashboard-page-heading__actions--security .dashboard-action-ghost i {
    width: 1rem;
    text-align: center;
    flex: 0 0 1rem;
}

.dashboard-page-heading__actions--user-management {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    width: 100%;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.dashboard-page-heading__actions--user-management .dashboard-link--hero {
    justify-content: flex-start !important;
    align-self: flex-start;
    margin-left: 0 !important;
}

body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 3.2rem;
    padding: 0.9rem 1.3rem;
    border: 0;
    border-radius: 1rem;
    background: var(--gradient-primary);
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 14px 30px rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal:hover,
body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal:focus {
    background: var(--gradient-primary-hover);
    color: #fff !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(var(--primary-rgb), 0.22);
}

body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal i {
    font-size: 0.98rem;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline {
        display: block;
    }

    body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__actions {
        justify-content: flex-start;
        padding-left: 0;
    }
}

.dashboard-link--hero,
.dashboard-action-ghost,
.dashboard-icon-btn {
    min-height: 2.85rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    font-weight: 700;
}

.dashboard-link--hero {
    padding: 0.82rem 1.2rem;
}

.dashboard-action-ghost {
    padding: 0.82rem 1.05rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground) !important;
}

.dashboard-action-ghost:hover,
.dashboard-action-ghost:focus {
    border-color: rgba(var(--primary-rgb), 0.18);
    background: rgba(var(--primary-rgb), 0.04);
    color: var(--primary) !important;
    text-decoration: none;
}

.dashboard-icon-btn {
    width: 3rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: rgba(255, 255, 255, 0.96);
    color: #667085;
}

.dashboard-icon-btn.is-active,
.dashboard-icon-btn:hover,
.dashboard-icon-btn:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.06);
    border-color: rgba(var(--primary-rgb), 0.18);
    outline: 0;
}

.dashboard-page-table-toolbar,
.dashboard-page-toolbar-stack {
    gap: 1rem;
}

.dashboard-page-table-toolbar {
    display: flex;
    justify-content: space-between;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;

    flex-wrap: wrap;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar {
    grid-template-columns: 1fr;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    flex-wrap: wrap;
    width: 100%;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices .dashboard-toolbar-search {
    flex: 1 1 18rem;
    min-width: 14rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices .dashboard-toolbar-search .form-control {
    width: 100%;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices .dashboard-select-wrap {
    flex: 0 0 auto;
}

.dashboard-page-table-toolbar--domains {
    grid-template-columns: minmax(0, 1fr) auto;
}

.dashboard-page-table-toolbar__spacer {
    min-height: 1px;
}

.dashboard-page-table-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}

.dashboard-toolbar-search,
.dashboard-select-wrap {
    position: relative;
}

.dashboard-toolbar-search i,
.dashboard-select-wrap i {
    position: absolute;
    left: 1.15rem;
    top: 50%;
    transform: translateY(-50%);
    color: #667085;
    z-index: 1;
    pointer-events: none;
}

.dashboard-toolbar-search .form-control,
.dashboard-select-wrap .form-control {
    min-width: 0;
    min-height: 3rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
}

.dashboard-toolbar-search .form-control {
    width: min(100%, 24rem);
    padding-left: 3.55rem;
}

.dashboard-page-table-toolbar > .dashboard-toolbar-search {
    flex: 0 1 24rem;
}

.dashboard-select-wrap .form-control {
    min-width: 10rem;
    padding-left: 3.5rem;
    padding-right: 2.75rem;
}

.dashboard-page-table-panel .dataTables_filter {
    display: none !important;
}

.dashboard-table--rich thead th {
    font-size: 0.9rem;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
    color: #667085;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dashboard-table--rich tbody td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dashboard-table-service {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.dashboard-table-service--compact {
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.7rem;
}

.dashboard-table-service--compact .dashboard-table-service__icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.78rem;
    font-size: 0.92rem;
}

.dashboard-table-service--compact .dashboard-table-service__copy {
    gap: 0.1rem;
}

.dashboard-table-service__icon {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.12rem;
    background: rgba(102, 112, 133, 0.08);
    color: #646d7e;
}

.dashboard-table-service__icon.is-active {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-table-service__icon.is-pending {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-table-service__icon.is-muted {
    background: rgba(148, 163, 184, 0.12);
    color: #646d7e;
}

.dashboard-table-service__copy {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.dashboard-table-money {
    color: #182230;
    font-size: 1.02rem;
    font-weight: 700;
}

.dashboard-table-date {
    color: #344054;
    font-weight: 500;
}

.dashboard-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-row-action {
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(230, 233, 240, 0.95);
    border-radius: 0.95rem;
    color: #344054 !important;
    background: #f4f7fa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.04);
}

.dashboard-row-action:hover,
.dashboard-row-action:focus {
    color: var(--primary) !important;
    border-color: rgba(var(--primary-rgb), 0.2);
    background: rgba(var(--primary-rgb), 0.04);
    text-decoration: none;
}

.dashboard-icon-btn {
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-icon-btn.is-active,
.dashboard-icon-btn:hover,
.dashboard-icon-btn:focus {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.06);
    box-shadow: 0 10px 20px rgba(var(--primary-rgb), 0.08);
    transform: translateY(-1px);
}

.dashboard-page-table-panel .dashboard-table tbody tr {
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.dashboard-page-table-panel .dataTables_info,
.dashboard-page-table-panel .dataTables_length,
.dashboard-page-table-panel .dataTables_paginate {
    margin-top: 1rem;
}

.dashboard-page-table-panel .dataTables_info,
.dashboard-page-table-panel .dataTables_length label {
    color: #72809a;
    font-size: 0.95rem;
}

.dashboard-toolbar-search .form-control,
.dashboard-select-wrap .form-control {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.dashboard-page-heading__actions {
    gap: 0.85rem;
}

.dashboard-page-heading__actions .dashboard-action-ghost {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.dashboard-table-service__icon.is-muted {
    background: #f4f7fa;
    color: #8c98aa;
}

.dashboard-panel__copy {
    max-width: 62ch;
}

.dashboard-table-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #344054;
}

.dashboard-table-inline i {
    color: #667085;
}

.dashboard-domain-overview {
    display: grid;
    gap: 1rem;
}

.dashboard-domain-overview__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-overview-alert {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    color: #a16207;
    background: rgba(245, 158, 11, 0.08);
}

.dashboard-overview-alert--warning {
    border-color: rgba(245, 158, 11, 0.24);
}

.dashboard-overview-alert--danger {
    color: #dc2626;
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.2);
}

.dashboard-domain-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1.15rem;
    padding-bottom: 1.45rem;
    border-bottom: 1px solid rgba(230, 233, 240, 0.85);
}

.dashboard-domain-hero__identity {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 1.15rem;
    align-items: center;
}

.dashboard-domain-hero__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.dashboard-domain-hero__copy {
    display: grid;
    gap: 0.7rem;
}

.dashboard-domain-hero__copy h2 {
    margin: 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
    font-family: var(--font-heading);
}

.dashboard-domain-hero__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-overview-metric {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 6rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid rgba(230, 233, 240, 0.88);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.98);
}

.dashboard-overview-metric__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dashboard-overview-metric__icon--blue {
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
}

.dashboard-overview-metric__label {
    display: block;
    color: #667085;
    font-size: 0.95rem;
    margin-bottom: 0.2rem;
}

.dashboard-overview-metric__value {
    color: #182230;
    font-size: 1.12rem;
    font-weight: 700;
}

.dashboard-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
    padding-top: 1.35rem;
}

.dashboard-overview-grid__column {
    display: grid;
}

.dashboard-overview-row {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(230, 233, 240, 0.8);
}

.dashboard-overview-row:last-child {
    border-bottom: 0;
}

.dashboard-overview-row__icon {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-overview-row__icon--blue {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-overview-row__icon--amber {
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
}

.dashboard-overview-row__icon--violet {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-overview-row__label {
    color: #182230;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-overview-row__value {
    color: #344054;
    font-size: 1rem;
    font-weight: 500;
    text-align: right;
}

.dashboard-overview-actions {
    margin-top: 1rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(230, 233, 240, 0.85);
    display: grid;
    gap: 1rem;
    justify-items: center;
}

.dashboard-overview-actions__label {
    color: #667085;
    font-size: 1.08rem;
    font-weight: 600;
}

.dashboard-overview-actions__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.dashboard-domain-actions-menu {
    position: relative;
}

.dashboard-domain-actions-menu__toggle {
    position: relative;
    z-index: 1;
}

.dashboard-domain-actions-menu__dropdown {
    position: absolute;
    top: calc(100% + 0.7rem);
    right: 0;
    left: auto;
    min-width: 15rem;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    border: 1px solid rgba(230, 233, 240, 0.96);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.12);
    padding: 0.55rem;
    z-index: 1200;
}

.dashboard-domain-actions-menu.is-open .dashboard-domain-actions-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.dashboard-domain-actions-menu__dropdown .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    min-height: 2.9rem;
    border-radius: 0.85rem;
    color: #344054;
    font-weight: 600;
}

.dashboard-domain-actions-menu__dropdown .dropdown-item::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.28);
    flex: 0 0 auto;
}

.dashboard-domain-actions-menu__dropdown .dropdown-item:hover,
.dashboard-domain-actions-menu__dropdown .dropdown-item:focus {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body #alertOverdueInvoice,
body.whmcs-dashboard-body #alertUnpaidInvoice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 5.7rem;
    padding: 1.15rem 1.35rem;
    border-radius: 1.45rem;
    border: 1px solid rgba(251, 146, 60, 0.28);
    background: #fff!important;
    box-shadow: none;
    text-align: left;
}

body.whmcs-dashboard-body #alertOverdueInvoice .float-right,
body.whmcs-dashboard-body #alertUnpaidInvoice .float-right {
    margin-left: auto;
    float: none !important;
    flex: 0 0 auto;
    order: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body #alertOverdueInvoice .btn,
body.whmcs-dashboard-body #alertUnpaidInvoice .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    min-width: 7.6rem;
    padding: 0.75rem 1.15rem;
    border-radius: 0.95rem;
    border: 0;
    background: #333333;
    color: #fff !important;
    font-weight: 700;
    box-shadow: none;
    text-align: center;
}

body.whmcs-dashboard-body #alertOverdueInvoice .btn:hover,
body.whmcs-dashboard-body #alertUnpaidInvoice .btn:hover,
body.whmcs-dashboard-body #alertOverdueInvoice .btn:focus,
body.whmcs-dashboard-body #alertUnpaidInvoice .btn:focus {
    background: #f4f7fa;
    color: #fff !important;
}

body.whmcs-dashboard-body #alertOverdueInvoice > :not(.float-right),
body.whmcs-dashboard-body #alertUnpaidInvoice > :not(.float-right) {
    order: 1;
    flex: 1 1 auto;
    margin-right: 1rem;
    text-align: left;
}

.dashboard-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin-bottom: 1.2rem;
}

.dashboard-toolbar .btn {
    min-height: 2.85rem;
    padding: 0.72rem 1rem;
    border-radius: 0.95rem;
    font-weight: 600;
}

.dashboard-toolbar .dropdown-menu {
    border: 1px solid rgba(230, 233, 240, 0.96);
    border-radius: 1rem;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);
    padding: 0.55rem;
    z-index: 1200;
}

.dashboard-toolbar .dropdown-item {
    border-radius: 0.8rem;
    padding: 0.7rem 0.85rem;
    font-weight: 600;
}

.dashboard-toolbar .dropdown-item i {
    width: 1.15rem;
    margin-right: 0.45rem;
}

body.whmcs-dashboard-body .btn-default,
body.whmcs-dashboard-body .btn.btn-default {
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: rgba(255, 255, 255, 0.94);
    color: var(--foreground);
    box-shadow: none;
}

body.whmcs-dashboard-body .btn-default:hover,
body.whmcs-dashboard-body .btn-default:focus,
body.whmcs-dashboard-body .btn.btn-default:hover,
body.whmcs-dashboard-body .btn.btn-default:focus {
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.05);
}

body.whmcs-dashboard-body .btn-primary,
body.whmcs-dashboard-body .btn-success,
body.whmcs-dashboard-body .btn-danger {

    box-shadow: none;
}

body.whmcs-dashboard-body .btn-primary,
body.whmcs-dashboard-body input.btn-primary,
body.whmcs-dashboard-body button.btn-primary {
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
}

body.whmcs-dashboard-body .btn-primary:hover,
body.whmcs-dashboard-body .btn-primary:focus,
body.whmcs-dashboard-body input.btn-primary:hover,
body.whmcs-dashboard-body input.btn-primary:focus,
body.whmcs-dashboard-body button.btn-primary:hover,
body.whmcs-dashboard-body button.btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

body.whmcs-dashboard-body .recaptcha-container,
body.whmcs-dashboard-body .g-recaptcha {
    max-width: 100%;
    margin-inline: auto;
}

body.whmcs-dashboard-body .captchaimage img,
body.whmcs-dashboard-body #inputCaptchaImage {
    width: auto;
    max-width: 100%;
    height: 30px;
    object-fit: contain;
    border-radius: 0.7rem;
    display: inline-block;
}

body.whmcs-dashboard-body #default-captcha-domainchecker {
    align-items: center;
    justify-content: center;
    gap: 0.9rem 0;
}

@media (max-width: 480px) {
    body.whmcs-dashboard-body .g-recaptcha {
        transform: scale(0.92);
        transform-origin: top center;
    }

    body.whmcs-dashboard-body .captchaimage img,
    body.whmcs-dashboard-body #inputCaptchaImage {
        height: 30px;
    }
}

body.whmcs-dashboard-body .alert {
    border: 1px solid rgba(230, 233, 240, 0.9);
    border-radius: 1.25rem;
    box-shadow: none;
    padding: 1rem 1.1rem;
}

body.whmcs-dashboard-body .alert-success {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    border-color: rgba(var(--primary-rgb), 0.2);
}

body.whmcs-dashboard-body .alert-warning {
    color: #b86800;
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.22);
}

body.whmcs-dashboard-body .alert-danger,
body.whmcs-dashboard-body .alert-error {
    color: #c2410c;
    background: rgba(249, 115, 22, 0.1);
    border-color: rgba(249, 115, 22, 0.2);
}

body.whmcs-dashboard-body .card {
    border: 1px solid rgba(230, 233, 240, 0.9);
    border-radius: var(--radius-xl);
    background: var(--card);

    overflow: hidden;
	margin-bottom: 20px;
}

body.whmcs-dashboard-body .dashboard-panel .card,
body.whmcs-dashboard-body .dashboard-card .card,
body.whmcs-dashboard-body .dashboard-context-panel .card,
body.whmcs-dashboard-body .card .card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .card + .card {
    margin-top: 1.25rem;
}

body.whmcs-dashboard-body .card-body,
body.whmcs-dashboard-body .card-header,
body.whmcs-dashboard-body .card-footer {
    padding: 1.5rem 1.6rem;
    border-color: rgba(230, 233, 240, 0.9);
    background: transparent;
}

body.whmcs-dashboard-body .card-title,
body.whmcs-dashboard-body .card-subtitle {
    margin: 0;
    color: var(--foreground);
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .card-body,
body.whmcs-dashboard-body .dashboard-panel,
body.whmcs-dashboard-body .dashboard-page-header {
    color: var(--foreground);
    font-size: 0.98rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .row {
    row-gap: 0.9rem;
}

body.whmcs-dashboard-body .card-body p,
body.whmcs-dashboard-body .dashboard-panel p,
body.whmcs-dashboard-body .alert,
body.whmcs-dashboard-body .small-text,
body.whmcs-dashboard-body .text-muted {
    line-height: 1.75;
}

body.whmcs-dashboard-body .card-body h3,
body.whmcs-dashboard-body .card-body h4,
body.whmcs-dashboard-body .dashboard-panel h3,
body.whmcs-dashboard-body .dashboard-panel h4 {
    color: var(--foreground);
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .card-body h4,
body.whmcs-dashboard-body .dashboard-panel h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 1rem 0 0.35rem;
}

body.whmcs-dashboard-body .card-body > :first-child,
body.whmcs-dashboard-body .dashboard-panel > :first-child {
    display: grid;
    margin-top: 0;
}

body.whmcs-dashboard-body i.fas,
body.whmcs-dashboard-body i.far,
body.whmcs-dashboard-body i.fal,
body.whmcs-dashboard-body i.fab {
    vertical-align: middle;
}

body.whmcs-dashboard-body .fa-fw {
    width: 1.15em;
}

body.whmcs-dashboard-body .fa-stack {
    width: 2.65em;
    height: 2.65em;
    line-height: 2.65em;
}

body.whmcs-dashboard-body .fa-stack.fa-lg {
    width: 3em;
    height: 3em;
    line-height: 3em;
}

body.whmcs-dashboard-body .card img,
body.whmcs-dashboard-body .dashboard-panel img,
body.whmcs-dashboard-body .product-details img,
body.whmcs-dashboard-body .ticket-reply img {
    max-width: 100%;
    height: auto;
}

body.whmcs-dashboard-body .product-details {
    color: var(--foreground);
}

body.whmcs-dashboard-body .product-details .row {
    row-gap: 0.85rem;
}

body.whmcs-dashboard-body .product-details .col-md-6.text-center {
    text-align: left !important;
}

body.whmcs-dashboard-body .product-details .col-md-6.text-center h4 {
    margin-top: 0.95rem;
}

body.whmcs-dashboard-body .product-icon {
    margin-bottom: 0.8rem;
    min-height: 6.2rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.78);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .product-icon .fa-stack {
    font-size: 1rem;
}

body.whmcs-dashboard-body .product-icon h3 {
    margin: 0.85rem 0 0.15rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

body.whmcs-dashboard-body .product-icon h4 {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .module-client-area,
body.whmcs-dashboard-body .product-details-tab-container {
    font-size: 0.97rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .product-details-tab-container .row {
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(230, 233, 240, 0.8);
    align-items: flex-start;
}

body.whmcs-dashboard-body .product-details-tab-container .row:last-child {
    border-bottom: 0;
}

body.whmcs-dashboard-body .product-details-tab-container strong {
    font-weight: 700;
}

body.whmcs-dashboard-body .product-details-tab-container .btn {
    margin-top: 0.4rem;
}

body.whmcs-dashboard-body .ticket-number {
    display: inline-block;
    margin-right: 0.45rem;
    color: var(--muted);
    font-weight: 700;
}

body.whmcs-dashboard-body .ticket-subject {
    color: var(--foreground);
    font-weight: 600;
}

body.whmcs-dashboard-body .posted-by-name {
    color: var(--foreground);
    font-weight: 700;
}

body.whmcs-dashboard-body .posted-on {
    color: var(--muted);
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .requestor-badge {
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background: rgba(242, 242, 242, 0.98);
}

body.whmcs-dashboard-body .attachment-list {
    display: grid;
    gap: 0.8rem;
    padding: 0;
    margin: 0.9rem 0 0;
    list-style: none;
}

body.whmcs-dashboard-body .attachment-list li span,
body.whmcs-dashboard-body .attachment-list li a span {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
}

body.whmcs-dashboard-body .attachment-list figure {
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    flex-shrink: 0;
}

body.whmcs-dashboard-body .attachment-list .caption {
    min-width: 0;
    color: var(--foreground);
    font-weight: 600;
    line-height: 1.5;
}

body.whmcs-dashboard-body .dataTables_wrapper .dataTable td strong,
body.whmcs-dashboard-body .dataTables_wrapper .dataTable td a,
body.whmcs-dashboard-body .table td strong,
body.whmcs-dashboard-body .table td a {
    line-height: 1.4;
    font-size: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-table td .text-muted,
body.whmcs-dashboard-body .dashboard-table td small,
body.whmcs-dashboard-body .dashboard-table td .dashboard-item-subtitle {
    font-size: 0.84rem !important;
}

body.whmcs-dashboard-body .dashboard-table td img,
body.whmcs-dashboard-body .dashboard-table td .ssl-info img {
    width: 20px !important;
    max-width: 20px;
    height: auto;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management {
    table-layout: auto;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management thead th:first-child,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management tbody td:first-child {
    width: auto !important;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management thead th:last-child,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management tbody td:last-child {
    width: 1%;
    white-space: nowrap;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-table-service--compact {
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-table-service__icon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.9rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-table-service__copy,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-title,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-subtitle,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management td,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management td a,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management td strong {
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    line-height: 1.35;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-subtitle {
    line-height: 1.45;
    white-space: normal;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-row-actions {
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .btn {
    min-width: 9.5rem;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management + .text-muted {
    margin-top: 0.9rem !important;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-row-actions {
        justify-content: flex-start;
    }

    body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .btn {
        min-width: 0;
    }
}

body.whmcs-dashboard-body .dashboard-table .status-pill {
    padding: 0.32rem 0.7rem;
    font-size: 0.72rem;
}

body.whmcs-dashboard-body .form-control,
body.whmcs-dashboard-body .custom-select,
body.whmcs-dashboard-body .custom-file-label,
body.whmcs-dashboard-body .bootstrap-select .dropdown-toggle {

    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground);
    box-shadow: none;
}

body.whmcs-dashboard-body .btn,
body.whmcs-dashboard-body button,
body.whmcs-dashboard-body input[type="submit"],
body.whmcs-dashboard-body input[type="button"],
body.whmcs-dashboard-body input[type="reset"] {
    font-family: var(--font-body);
}

body.whmcs-dashboard-body textarea.form-control {
    min-height: 8rem;
    padding-block: 0.9rem;
}

body.whmcs-dashboard-body .form-control:focus,
body.whmcs-dashboard-body .custom-select:focus,
body.whmcs-dashboard-body .custom-file-input:focus ~ .custom-file-label,
body.whmcs-dashboard-body .bootstrap-select .dropdown-toggle:focus {
    border-color: rgba(var(--primary-rgb), 0.42);
    box-shadow: 0 0 0 0.22rem rgba(var(--primary-rgb), 0.12);
}

body.whmcs-dashboard-body .form-group label,
body.whmcs-dashboard-body .col-form-label {
    color: var(--foreground);
    font-weight: 600;
    margin-bottom: 0.55rem;
}

body.whmcs-dashboard-body .form-group {
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .form-check {
    padding-left: 0;
}

body.whmcs-dashboard-body .form-check label {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--foreground);
    font-weight: 500;
}

body.whmcs-dashboard-body .form-check-input {
    position: static;
    margin: 0;
	margin-top: 5px;
  margin-right: 10px;
}

body.whmcs-dashboard-body .nav-tabs {
    gap: 0.55rem;
    border-bottom: 0;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .nav-tabs .nav-item {
    margin-bottom: 0;
}

body.whmcs-dashboard-body .nav-tabs .nav-link {
    border: 1px solid rgba(230, 233, 240, 0.9);
    border-radius: 999px;
    padding: 0.75rem 1rem;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.88);
    font-weight: 600;
}

body.whmcs-dashboard-body .nav-tabs .nav-link:hover,
body.whmcs-dashboard-body .nav-tabs .nav-link:focus,
body.whmcs-dashboard-body .nav-tabs .nav-link.active {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.2);
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .responsive-tabs-sm-connector {
    display: none;
}

body.whmcs-dashboard-body .table-container {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .table-container,
body.whmcs-dashboard-body[data-page-template="clientareadomaindetails"] .table-container {
    overflow: visible;
}

body.whmcs-dashboard-body .table-container #tableLoading {
    padding: 1.25rem;
    color: var(--muted);
}

.dashboard-context-panel__body {
    color: var(--muted);
}

.dashboard-context-panel__body .panel,
.dashboard-context-panel__body .list-group {
    margin-bottom: 0;
}

.dashboard-context-panel__body .list-group-item {
    border: 1px solid rgba(230, 233, 240, 0.8);
    margin-bottom: 0.6rem;
    background: rgba(255, 255, 255, 0.92);
}

.dashboard-context-panel__body .list-group-item.active {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.08);
}

.dashboard-notification-menu,
.dropdown-menu {
    border-color: rgba(230, 233, 240, 0.95);
    border-radius: 1rem;
    box-shadow: var(--shadow-soft);
    padding: 0.6rem;
}

.dropdown-item {
    border-radius: 0.8rem;
    padding: 0.7rem 0.85rem;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-overlay {
    position: fixed;
    inset: 0;
    background: rgba(16, 24, 40, 0.35);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 1035;
}

.dashboard-sidebar-open .dashboard-overlay {
    opacity: 1;
    visibility: visible;
}

.dashboard-context-panel {
    margin-top: 1.5rem;
}

.dashboard-context-panel__body .sidebar,
.dashboard-context-panel__body .panel-sidebar {
    margin: 0;
    width: 100%;
}

.dashboard-context-panel__body .list-group-item,
.dashboard-context-panel__body .panel {
    border-radius: 0.85rem;
}

.dashboard-data-table.dataTable {
    width: 100% !important;
}

.dataTables_wrapper {
    padding: 1.15rem 1.2rem 1.2rem;
}

.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child {
    align-items: center;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border-color: rgba(230, 233, 240, 0.95);
    border-radius: 0.9rem;
    min-height: 2.9rem;
    box-shadow: none;
    padding: 0.55rem 0.95rem;
    background: rgba(255, 255, 255, 0.98);
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-top: 0;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--muted);
    font-weight: 600;
    margin: 0;
}

.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: rgba(var(--primary-rgb), 0.4);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
    outline: 0;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
    color: var(--muted);
    margin-top: 1rem;
    font-size: 0.95rem;
}

.dataTables_wrapper .dataTables_paginate {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.12rem;
    flex-wrap: wrap;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.dataTables_wrapper .paginate_button {
    min-width: 2.3rem;
    height: 2.3rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1rem !important;
    background: transparent !important;
    color: var(--foreground) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em;
    box-shadow: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button:hover {
    background: transparent !important;
    color: var(--primary) !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

.dataTables_wrapper .paginate_button.current {
    color: var(--primary) !important;
    transform: none;
}

.dataTables_wrapper .paginate_button.disabled,
.dataTables_wrapper .paginate_button.disabled:hover,
.dataTables_wrapper .paginate_button.disabled:focus {
    opacity: 1;
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(230, 233, 240, 0.88) !important;
    color: var(--muted) !important;
    box-shadow: none !important;
    cursor: default !important;
    transform: none !important;
}

.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
    min-width: 2.3rem;
    height: 2.3rem;
}

.dataTables_wrapper .ellipsis {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 2.6rem;
    color: var(--foreground);
    font-size: 0.95rem;
    font-weight: 700;
}

.dataTables_wrapper .paginate_button:focus,
.dataTables_wrapper .paginate_button:active {
    outline: none !important;
}

.dataTables_wrapper .paginate_button.current:hover {
    background: var(--primary) !important;
    color: #fff !important;
    transform: none !important;
}

body.whmcs-dashboard-body .dashboard-pagination-wrap,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate,
body.whmcs-dashboard-body .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .pagination {
    margin: 0;
    padding: 0;
}

body.whmcs-dashboard-body .pagination .page-item {
    margin: 0;
}

body.whmcs-dashboard-body .pagination .page-item .page-link,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 2.85rem;
    height: 2.85rem;
    padding: 0 0.9rem;
    border-radius: 1rem !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: var(--text-muted) !important;
    font-size: 0.98rem !important;
    font-weight: 700;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: background-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

body.whmcs-dashboard-body .pagination .page-item .page-link:hover,
body.whmcs-dashboard-body .pagination .page-item .page-link:focus,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: rgba(var(--primary-rgb), 0.09) !important;
    border-color: transparent !important;
    color: var(--brand-primary) !important;
    box-shadow: none !important;
    transform: translateY(-1px);
    outline: 0;
}

body.whmcs-dashboard-body .pagination .page-item.active .page-link,
body.whmcs-dashboard-body .pagination .page-item.active .page-link:hover,
body.whmcs-dashboard-body .pagination .page-item.active .page-link:focus,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(var(--primary-rgb), 0.16) !important;
    border-color: transparent !important;
    color: var(--brand-primary) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.whmcs-dashboard-body .pagination .page-item.disabled .page-link,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: rgba(255, 255, 255, 0.5) !important;
    color: var(--text-soft) !important;
    box-shadow: none !important;
    opacity: 1;
    transform: none !important;
    cursor: not-allowed;
}

body.whmcs-dashboard-body .pagination .page-item:first-child .page-link,
body.whmcs-dashboard-body .pagination .page-item:last-child .page-link,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding-inline: 1rem;
}

body.whmcs-dashboard-body .product-status {
    border-radius: 1.35rem;
    padding: 1.55rem;
    background: #f4f7fa;
    border: 1px solid rgba(230, 233, 240, 0.9);
}

body.whmcs-dashboard-body .product-overview-hero__row {
    align-items: flex-start;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

body.whmcs-dashboard-body .product-overview-hero__row > [class*="col-"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

body.whmcs-dashboard-body .product-overview-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.whmcs-dashboard-body .product-overview-card__main {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

body.whmcs-dashboard-body .product-overview-card__brand {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

body.whmcs-dashboard-body .product-overview-card__icon-shell {
    position: relative;
    width: 6.45rem;
    height: 6.45rem;
    padding: 0.85rem;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(230, 233, 240, 0.9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    flex-shrink: 0;
}

body.whmcs-dashboard-body .product-overview-card__icon {
    width: 100%;
    height: 100%;
    border-radius: 1.15rem;
    background: #f4f7fa;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .product-overview-card__icon.fa-stack {
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .product-overview-card__icon .fa-square {
    color: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .product-overview-card__icon .fa-stack-1x {
    color: var(--primary);
}

body.whmcs-dashboard-body .product-overview-card__icon-check {
    position: absolute;
    right: 0.55rem;
    bottom: 0.55rem;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #fff;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    line-height: 1;
}

body.whmcs-dashboard-body .product-overview-card__copy {
    min-width: 0;
}

body.whmcs-dashboard-body .product-overview-card__copy h3 {
    margin: 0 0 0.4rem;
    font-size: clamp(1.85rem, 2vw, 2.55rem);
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: var(--foreground);
}

body.whmcs-dashboard-body .product-overview-card__copy h4 {
    margin: 0;
    color: #667085;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.45;
}

body.whmcs-dashboard-body .product-status-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.5rem 0.9rem;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.whmcs-dashboard-body .product-overview-card__status-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .product-overview-card__status-copy {
    color: #333333;
    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.45;
}

body.whmcs-dashboard-body .product-overview-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid rgba(230, 233, 240, 0.78);
    color: #344054;
    font-size: 0.98rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .product-overview-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .product-overview-card__meta i {
    color: var(--primary);
}

body.whmcs-dashboard-body .product-overview-card__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(230, 233, 240, 0.82);
    border-radius: 1.15rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
}

body.whmcs-dashboard-body .product-overview-card__fact {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.05rem;
    min-width: 0;
}

body.whmcs-dashboard-body .product-overview-card__fact + .product-overview-card__fact {
    border-left: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .product-overview-card__fact-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.95rem;
    background: rgba(235, 235, 235, 0.72);
    color: #333333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.05rem;
}

body.whmcs-dashboard-body .product-overview-card__fact-copy {
    min-width: 0;
}

body.whmcs-dashboard-body .product-overview-card__fact-copy span {
    display: block;
    color: #667085;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
}

body.whmcs-dashboard-body .product-overview-card__fact-copy strong {
    display: block;
    margin-top: 0.28rem;
    color: var(--foreground);
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.25;
}

body.whmcs-dashboard-body .product-overview-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(230, 233, 240, 0.82);
    border-radius: 1.15rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.92);
}

body.whmcs-dashboard-body .product-overview-card__action-link {
    min-height: 5rem;
    padding: 1rem 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.whmcs-dashboard-body .product-overview-card__action-link + .product-overview-card__action-link {
    border-left: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .product-overview-card__action-link:hover,
body.whmcs-dashboard-body .product-overview-card__action-link:focus {
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary);
    text-decoration: none;
}

body.whmcs-dashboard-body .product-overview-card__cancel {
    margin-top: 1rem;
}

body.whmcs-dashboard-body .product-overview-card__cancel-btn {
    min-height: 3.6rem;
    border-radius: 1rem;
    border: 1.5px solid rgba(248, 113, 113, 0.72);
    background: rgba(255, 247, 247, 0.96);
    color: #ef4444;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .product-overview-card__cancel-btn:hover,
body.whmcs-dashboard-body .product-overview-card__cancel-btn:focus {
    background: rgba(254, 242, 242, 0.98);
    border-color: rgba(239, 68, 68, 0.75);
    color: #ef4444;
    box-shadow: none;
}

body.whmcs-dashboard-body .product-overview-info {
    display: grid;
    gap: 0;
    height: 100%;
    padding-top: 0.1rem;
}

body.whmcs-dashboard-body .product-overview-info__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 0;
    border-bottom: 1px solid rgba(230, 233, 240, 0.8);
}

body.whmcs-dashboard-body .product-overview-info__row:first-child {
    padding-top: 0;
}

body.whmcs-dashboard-body .product-overview-info__row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body.whmcs-dashboard-body .product-overview-info__icon {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 1rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

body.whmcs-dashboard-body .product-overview-info__label {
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

body.whmcs-dashboard-body .product-overview-info__value {
    min-width: 0;
    color: #344054;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: right;
}

body.whmcs-dashboard-body .product-overview-info__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 0.86rem;
    font-weight: 800;
    text-transform: capitalize;
}

body.whmcs-dashboard-body .dashboard-module-summary {
    margin-bottom: 1.5rem;
}

body.whmcs-dashboard-body .dashboard-module-summary__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-module-panel {
    border: 1px solid rgba(230, 233, 240, 0.9);
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.96);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.025);
}

body.whmcs-dashboard-body .dashboard-module-panel__header {
    padding: 1.2rem 1.45rem 0;
}

body.whmcs-dashboard-body .dashboard-module-panel__body {
    padding: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-module-panel__title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-module-panel__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-module-panel__title {
    margin: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .dashboard-module-service__hero {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    align-items: center;
    gap: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-module-service__art {
    min-height: 11rem;
    border-radius: 1.4rem;
    background: #f4f7fa;
    border: 1px solid rgba(230, 233, 240, 0.86);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-module-service__icon {
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 1.5rem;
    background: #fff;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

body.whmcs-dashboard-body .dashboard-module-service__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-service__title {
    margin: 1rem 0 0.35rem;
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 2vw, 2.6rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: var(--foreground);
}

body.whmcs-dashboard-body .dashboard-module-service__subtitle {
    margin: 0;
    color: #667085;
    font-size: 1rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-module-service__site {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 1rem;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-module-service__site:hover,
body.whmcs-dashboard-body .dashboard-module-service__site:focus {
    color: var(--primary);
    text-decoration: none;
}

body.whmcs-dashboard-body .dashboard-module-service__cta {
    margin-top: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-module-service__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9rem 1.7rem;
    margin-top: 1.35rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(230, 233, 240, 0.82);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.9);
}

body.whmcs-dashboard-body .dashboard-module-service__status {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--primary);
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-service__status .fa-circle {
    font-size: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-module-service__meta-item {
    color: #344054;
    font-size: 0.96rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-module-service__meta-item strong {
    margin-right: 0.55rem;
    color: #667085;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-module-usage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-module-usage__item {
    text-align: center;
    padding: 0 1rem;
}

body.whmcs-dashboard-body .dashboard-module-usage__item + .dashboard-module-usage__item {
    border-left: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .dashboard-module-usage__item h4 {
    margin: 0 0 1rem;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-usage-meter {
    --usage-value: 0;
    width: 7.8rem;
    height: 7.8rem;
    margin: 0 auto 1rem;
    display: grid;
    place-items: center;
}

body.whmcs-dashboard-body .dashboard-usage-meter__ring {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background: #f4f7fa;
    display: grid;
    place-items: center;
    position: relative;
}

body.whmcs-dashboard-body .dashboard-usage-meter--accent .dashboard-usage-meter__ring {
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-usage-meter__ring::before {
    content: "";
    position: absolute;
    inset: 0.85rem;
    border-radius: 999px;
    background: #fff;
}

body.whmcs-dashboard-body .dashboard-usage-meter__ring span {
    position: relative;
    z-index: 1;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.04em;
}

body.whmcs-dashboard-body .dashboard-module-usage__item p {
    margin: 0;
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    text-align: center;
}

body.whmcs-dashboard-body .dashboard-module-usage__item p strong {
    color: var(--foreground);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-usage__item p span {
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-module-usage__footer {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(230, 233, 240, 0.82);
    color: #667085;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-module-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card {
    margin-bottom: 0 !important;
    border: 1px solid rgba(230, 233, 240, 0.9);
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.96);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.025);
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--hidden {
    display: none;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress,
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress-r {
    grid-column: 1 / -1;
}

body.whmcs-dashboard-body .dashboard-module-overview .card-header {
    padding: 1.2rem 1.45rem;
    border-bottom: 1px solid rgba(230, 233, 240, 0.85);
    background: rgba(255, 255, 255, 0.96);
}

body.whmcs-dashboard-body .dashboard-module-overview .card-header h3 {
    margin: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.22rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-module-overview .card-body {
    padding: 1.35rem 1.45rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress .card-body {
    display: grid;
    gap: 1.15rem;
}

body.whmcs-dashboard-body .cpanel-wp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-wp-header__title,
body.whmcs-dashboard-body .cpanel-wp-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .cpanel-wp-btn {
    min-height: 2.9rem;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 0.96rem;
}

body.whmcs-dashboard-body .cpanel-wp-btn--ghost {
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: #fff;
    color: var(--foreground);
}

body.whmcs-dashboard-body .cpanel-wp-btn--primary {
    background: #18212f;
    border: 0;
    color: #fff;
}

body.whmcs-dashboard-body .cpanel-wp-header__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.07);
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .cpanel-wp-header__badge {
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 0.88rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

body.whmcs-dashboard-body .cpanel-wp-instance__card {
    border: 1px solid rgba(230, 233, 240, 0.82);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 0.9fr);
    gap: 0;
    align-items: center;
    overflow: hidden;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site,
body.whmcs-dashboard-body .cpanel-wp-instance__meta,
body.whmcs-dashboard-body .cpanel-wp-instance__selector {
    min-width: 0;
    min-height: 100%;
    padding: 1.15rem 1.3rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site,
body.whmcs-dashboard-body .cpanel-wp-instance__meta {
    border-right: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .cpanel-wp-instance__site {
    display: flex;
    align-items: center;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-icon {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    background: #f4f7fa;
    border: 1px solid rgba(230, 233, 240, 0.82);
    color: #333333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-copy strong,
body.whmcs-dashboard-body .cpanel-wp-instance__site-copy span {
    display: block;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-copy strong {
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-copy span {
    margin-top: 0.35rem;
    color: #667085;
    font-size: 0.94rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta {
    display: flex;
    align-items: stretch;
    gap: 1.05rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-block {
    display: grid;
    gap: 0.7rem;
    align-content: center;
}

body.whmcs-dashboard-body .cpanel-wp-instance__pill {
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.86rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .cpanel-wp-instance__pill--success {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

body.whmcs-dashboard-body .cpanel-wp-instance__pill .fa-circle {
    font-size: 0.45rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-item {
    display: grid;
    gap: 0.2rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-label {
    color: #667085;
    font-size: 0.85rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-value {
    color: #344054;
    font-size: 0.96rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-instance__selector label,
body.whmcs-dashboard-body .cpanel-wp-field label {
    display: block;
    margin-bottom: 0.45rem;
    color: #667085;
    font-size: 0.86rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-instance__selector {
    display: grid;
    align-content: center;
}

body.whmcs-dashboard-body .cpanel-wp-select--hidden {
    display: none !important;
}

body.whmcs-dashboard-body .cpanel-wp-create {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .cpanel-wp-create__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .cpanel-wp-create__header h5 {
    margin: 0 0 0.35rem;
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .cpanel-wp-create__header p {
    margin: 0;
    color: #667085;
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .cpanel-wp-create__add {
    min-height: 3.35rem;
    min-width: 0;
    padding: 0.8rem 1rem;
    border-radius: 1rem;
    border: 1px dashed rgba(185, 197, 210, 0.95);
    background: #f4f7fa;
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-create__grid {
    display: grid;
    grid-template-columns: 1.05fr repeat(4, minmax(0, 1fr)) 0.85fr;
    gap: 0.9rem;
    align-items: end;
}

body.whmcs-dashboard-body .cpanel-wp-field--submit {
    align-self: end;
}

body.whmcs-dashboard-body .cpanel-wp-field--submit .btn {
    min-height: 3.1rem;
    background: #18212f;
    border: 0;
    color: #fff;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-wp-install-btn i {
    margin-right: 0.4rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress h5 {
    margin: 0 0 0.85rem;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
}

/* Field and button sizing belongs to the cPanel cards (custom.js tags them .dashboard-module-card);
   other modules, such as SolusVM, keep their own control styles. */
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card input[type="text"],
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card input[type="password"],
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card input[type="email"],
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card select {
    min-height: 3rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground);
    box-shadow: none;
    padding-inline: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card .btn,
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card button {
    min-height: 2.9rem;
    border-radius: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .btn-primary,
body.whmcs-dashboard-body .dashboard-module-overview .btn-success {
    background: var(--gradient-primary);
    border: 0;
    color: #fff;
}

body.whmcs-dashboard-body .dashboard-module-overview .btn-default,
body.whmcs-dashboard-body .dashboard-module-overview .btn-secondary {
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: #fff;
    color: var(--foreground);
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a {
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 8rem;
    padding: 1rem 0.85rem;
    border: 1px solid rgba(230, 233, 240, 0.72);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.96);
    color: #344054;
    font-weight: 600;
    text-align: center;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body {
    display: block !important;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a img {
    width: 2.6rem !important;
    height: 2.6rem !important;
    max-width: 2.6rem;
    object-fit: contain;
    filter: grayscale(1) contrast(0.65);
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a:hover,
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a:focus {
    color: var(--primary);
    text-decoration: none;
    background: rgba(var(--primary-rgb), 0.06);
    border-color: rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .cpanel-module-heading {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-module-heading__icon {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 1.05rem;
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.18rem;
}

body.whmcs-dashboard-body .cpanel-module-heading__copy {
    display: grid;
    gap: 0.25rem;
}

body.whmcs-dashboard-body .cpanel-module-heading__copy .card-title {
    margin: 0;
}

body.whmcs-dashboard-body .cpanel-module-heading__subtitle {
    margin: 0;
    color: #667085;
    font-size: 0.96rem;
    line-height: 1.55;
}

body.whmcs-dashboard-body .cpanel-tools-panel .card-body {
    display: flex !important;
    flex-direction: column;
    gap: 1.35rem;
    padding-top: 0.3rem;
}

body.whmcs-dashboard-body .cpanel-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.3rem;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

body.whmcs-dashboard-body .cpanel-tools-tile {
    position: relative;
    min-height: 8.9rem;
    padding: 1.3rem 1.05rem 1.05rem;
    border: 1px solid rgba(230, 233, 240, 0.82);
    border-radius: 1.22rem;
    background: rgba(255, 255, 255, 0.98);
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.9rem;
    color: #1f2937;
    text-align: center;
    transition: transform 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-tools-tile:hover,
body.whmcs-dashboard-body .cpanel-tools-tile:focus {
    text-decoration: none;
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.04);
    transform: translateY(-1px);
}

body.whmcs-dashboard-body .cpanel-tools-tile__icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.05rem;
    background: rgba(var(--primary-rgb), 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .cpanel-tools-tile__icon i {
    color: var(--primary);
    font-size: 1.45rem;
}

body.whmcs-dashboard-body .cpanel-tools-tile__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    max-width: 11rem;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

body.whmcs-dashboard-body .cpanel-tools-tile__arrow {
    display: none;
}

body.whmcs-dashboard-body .cpanel-tools-help {
    margin-top: 0.95rem;
    padding: 1.2rem 1.35rem;
    border-radius: 1.2rem;
    background: #f4f7fa;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    width: 100%;
    flex: 0 0 100%;
    align-self: stretch;
    clear: both;
    overflow: visible;
    text-align: left !important;
}

body.whmcs-dashboard-body .cpanel-tools-help,
body.whmcs-dashboard-body .cpanel-tools-help * {
    visibility: visible !important;
    opacity: 1 !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy {
    min-width: 0;
    display: flex !important;
    align-items: center;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 0.45rem;
    color: #667085 !important;
    text-align: left !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy::before {
    content: "✦";
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.95rem;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy span {
    color: #667085;
    font-size: 0.88rem;
    line-height: 1.45;
    white-space: nowrap;
    display: inline !important;
    text-align: left;
    margin: 0;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy > span:first-child {
    white-space: nowrap;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy > span:last-child {
    white-space: nowrap;
    flex: 0 1 auto;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy strong {
    color: var(--foreground);
    font-size: 0.98rem;
    font-weight: 700;
    display: inline;
    margin-right: 0;
}

body.whmcs-dashboard-body .cpanel-tools-help__accent {
    color: var(--primary);
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-tools-help__link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0;
    margin-left: auto;
    white-space: nowrap;
    flex: 0 0 auto;
    align-self: center;
    justify-self: end;
    color: var(--primary) !important;
    font-weight: 700;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    width: auto !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__link:hover,
body.whmcs-dashboard-body .cpanel-tools-help__link:focus {
    color: var(--primary-hover) !important;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__link i {
    color: inherit;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

body.whmcs-dashboard-body .cpanel-email-panel .card-body {
    border-top: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .cpanel-email-panel__body {
    padding-top: 1.2rem;
}

body.whmcs-dashboard-body .cpanel-email-form__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-email-form .col-md-6,
body.whmcs-dashboard-body .cpanel-email-form .col-md-3 {
    display: flex;
    align-items: center;
    max-width: none;
    flex: 1 1 auto;
    min-width: 0;
}

body.whmcs-dashboard-body .cpanel-email-form__user {
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form__password {
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form__action {
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form .input-group,
body.whmcs-dashboard-body .cpanel-email-form .form-control,
body.whmcs-dashboard-body .cpanel-email-form__submit {
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-email-form__user .input-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0 !important;
}

body.whmcs-dashboard-body .cpanel-email-form__user .input-group > .form-control {
    min-width: 0;
    width: 100% !important;
    flex: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.whmcs-dashboard-body .cpanel-email-form__user .input-group > .input-group-append,
body.whmcs-dashboard-body .cpanel-email-form__user .input-group > .input-group-addon {
    width: auto;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form__suffix .input-group-text {
    min-height: 3rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    border-left: 0;
    border-radius: 0 0.95rem 0.95rem 0;
    background: rgba(244, 247, 248, 0.96);
    color: #333333;
    font-size: 0.95rem;
    font-weight: 600;
    padding-inline: 0.95rem;
    white-space: nowrap;
}

body.whmcs-dashboard-body .cpanel-email-form__password-wrap {
    position: relative;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-email-form__password-wrap .form-control {
    padding-right: 2.8rem;
}

body.whmcs-dashboard-body .cpanel-email-form__eye {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #646d7e;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .cpanel-email-form__eye:hover,
body.whmcs-dashboard-body .cpanel-email-form__eye:focus,
body.whmcs-dashboard-body .cpanel-email-form__eye.is-active {
    color: var(--primary);
    outline: 0;
}

body.whmcs-dashboard-body .cpanel-email-form__submit {
    min-height: 3rem;
    border-radius: 1rem;
    background: var(--gradient-primary);
    color: #fff;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    font-size: 0.98rem;
    font-weight: 700;
    padding-inline: 1.2rem;
    white-space: nowrap;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-email-form__submit:hover,
body.whmcs-dashboard-body .cpanel-email-form__submit:focus {
    color: #fff;
}

body.whmcs-dashboard-body .product-details > .row {
    align-items: stretch;
    gap: 0;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:first-child {
    padding-right: 1.25rem;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child {
    padding-left: 1.25rem;
    display: grid;
    align-content: start;
    gap: 0.25rem;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child h4 {
    margin: 0.8rem 0 0.15rem;
    color: var(--foreground);
    font-size: 0.98rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child h4:first-of-type {
    margin-top: 0;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child > :not(h4) {
    color: #0f172a;
    font-size: 1.02rem;
    line-height: 1.55;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child br {
    display: none;
}

body.whmcs-dashboard-body .product-actions-wrapper .col-12 + .col-12 {
    margin-top: 0.55rem;
}

body.whmcs-dashboard-body .product-actions-wrapper .btn {
    width: 100%;
}

body.whmcs-dashboard-body .product-actions-wrapper {
    gap: 0.85rem 0;
}

body.whmcs-dashboard-body .product-details-tab-container {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 1.25rem;
}

body.whmcs-dashboard-body .view-ticket .ticket-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .ticket-reply {
    border: 0;
    border-radius: 1.25rem;
    overflow: hidden;
    background: rgba(245, 245, 245, 0.88);
    box-shadow: none;
}

body.whmcs-dashboard-body .ticket-reply .posted-by,
body.whmcs-dashboard-body .ticket-reply .message,
body.whmcs-dashboard-body .ticket-reply .attachments {
    padding: 1rem 1.1rem;
}

body.whmcs-dashboard-body .ticket-reply .posted-by {
    background: #f4f7fa;
    border-bottom: 1px solid rgba(230, 233, 240, 0.84);
}

body.whmcs-dashboard-body .attachment-list li span,
body.whmcs-dashboard-body .attachment-list li a span {
    border-radius: 1rem;
    border: 0;
    background: rgba(245, 245, 245, 0.9);
    box-shadow: none;
}

.dashboard-page-header .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.dashboard-page-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(102, 112, 133, 0.55);
}

.dashboard-page-header .breadcrumb-item,
.dashboard-page-header .breadcrumb-item a {
    color: var(--muted);
}

.dashboard-page-header .breadcrumb-item.active {
    color: var(--foreground);
}

.muted-copy {
    color: var(--muted);
}

html[lang="ar"] body.whmcs-dashboard-body,
html[lang="ar"] body.whmcs-dashboard-body button,
html[lang="ar"] body.whmcs-dashboard-body input,
html[lang="ar"] body.whmcs-dashboard-body select,
html[lang="ar"] body.whmcs-dashboard-body textarea,
html[lang="ar"] body.whmcs-dashboard-body h1,
html[lang="ar"] body.whmcs-dashboard-body h2,
html[lang="ar"] body.whmcs-dashboard-body h3,
html[lang="ar"] body.whmcs-dashboard-body h4,
html[lang="ar"] body.whmcs-dashboard-body h5,
html[lang="ar"] body.whmcs-dashboard-body h6 {
    font-family: "Cairo", sans-serif;
}

html[dir="rtl"] .dashboard-sidebar {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid rgba(230, 233, 240, 0.95);
}

html[dir="rtl"] .dashboard-main {
    margin-left: 0;
    margin-right: var(--sidebar-width);
}

@media (min-width: 992px) {
    html[dir="rtl"] body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-main {
        margin-right: 0;
    }
}

html[dir="rtl"] .dashboard-sidebar-reopen {
    transform: scale(0.92);
}

html[dir="rtl"] .dashboard-sidebar-reopen.is-visible {
    transform: scale(1);
}

html[dir="rtl"] .dashboard-sidebar-boundary {
    left: auto;
    right: calc(var(--sidebar-width) - 1.35rem);
}

@media (min-width: 992px) {
    html[dir="rtl"] body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar-boundary {
        right: 1rem;
    }
}

html[dir="rtl"] .dashboard-page-header,
html[dir="rtl"] .dashboard-panel__header,
html[dir="rtl"] .dashboard-card__head {
    text-align: right;
}

@media (max-width: 1399.98px) {
    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.whmcs-dashboard-body .dashboard-module-summary__grid,
    body.whmcs-dashboard-body .dashboard-module-overview {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-wp-instance__card,
    body.whmcs-dashboard-body .cpanel-wp-create__grid {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-wp-instance__site,
    body.whmcs-dashboard-body .cpanel-wp-instance__meta,
    body.whmcs-dashboard-body .cpanel-wp-instance__selector {
        border-right: 0;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(230, 233, 240, 0.82);
    }

    body.whmcs-dashboard-body .product-overview-card__facts {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .product-overview-card__fact + .product-overview-card__fact {
        border-left: 0;
        border-top: 1px solid rgba(230, 233, 240, 0.82);
    }

    body.whmcs-dashboard-body .cpanel-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .dashboard-sidebar {
        transform: translateX(-100%);
        transition: transform 0.25s ease;
    }

    .dashboard-sidebar-boundary,
    .dashboard-sidebar-reopen {
        display: none !important;
    }

    .dashboard-sidebar__close {
        display: inline-flex;
    }

    .dashboard-main {
        margin-left: 0;
    }

    .dashboard-sidebar-open .dashboard-sidebar {
        transform: translateX(0);
    }

    html[dir="rtl"] .dashboard-sidebar {
        transform: translateX(100%);
    }

    html[dir="rtl"] .dashboard-sidebar-open .dashboard-sidebar {
        transform: translateX(0);
    }
}

@media (max-width: 991.98px) {
    .dashboard-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-topbar__actions {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .auth-shell {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .product-overview-info {
        margin-top: 1.2rem;
        padding-top: 0;
    }

    body.whmcs-dashboard-body .dashboard-module-service__hero {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-wp-header,
    body.whmcs-dashboard-body .cpanel-wp-create__header {
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .cpanel-module-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .cpanel-email-form__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .dashboard-page {
        padding: 1rem;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-stat-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-page-header,
    .dashboard-card,
    .dashboard-panel,
    .dashboard-context-panel {
        padding: 1.15rem;
    }

    .dashboard-page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-page-header .breadcrumb {
        justify-content: flex-start;
    }

    .dashboard-search {
        width: 100%;
    }

    .dashboard-cta-btn {
        width: 100%;
        justify-content: center;
    }

    .dashboard-table thead {
        display: none;
    }

    .dashboard-table,
    .dashboard-table tbody,
    .dashboard-table tr,
    .dashboard-table td {
        display: block;
        width: 100%;
    }

    .dashboard-table tr {
        padding: 0.8rem 0;
        border-bottom: 1px solid rgba(230, 233, 240, 0.95);
    }

    .dashboard-table td {
        border: 0;
        padding: 0.35rem 0;
        text-align: left !important;
    }

    html[dir="rtl"] .dashboard-table td {
        text-align: right !important;
    }

    .dataTables_wrapper {
        padding: 0.85rem 0.9rem 1rem;
    }

    .dataTables_wrapper .dataTables_length label,
    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
        flex-wrap: wrap;
    }

    .dataTables_wrapper .dataTables_filter input,
    .dataTables_wrapper .dataTables_length select {
        width: 100%;
        margin-left: 0 !important;
    }

    .auth-form,
    .auth-shell__intro {
        padding: 1.25rem;
    }

    .auth-form__actions,
    .auth-form__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .auth-submit-btn {
        width: 100%;
    }

    body.whmcs-dashboard-body .product-overview-card {
        gap: 0.85rem;
    }

    body.whmcs-dashboard-body .product-overview-card__brand {
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .product-overview-card__status-row {
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .product-overview-card__actions {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .product-overview-card__action-link + .product-overview-card__action-link {
        border-left: 0;
        border-top: 1px solid rgba(230, 233, 240, 0.82);
    }

    body.whmcs-dashboard-body .product-overview-info__row {
        grid-template-columns: auto 1fr;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .product-overview-info__value {
        grid-column: 2;
        text-align: left;
    }

    body.whmcs-dashboard-body .dashboard-module-panel__body,
    body.whmcs-dashboard-body .dashboard-module-overview .card-body,
    body.whmcs-dashboard-body .dashboard-module-overview .card-header {
        padding: 1.05rem 1.1rem;
    }

    body.whmcs-dashboard-body .dashboard-module-usage {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-module-usage__item + .dashboard-module-usage__item {
        border-left: 0;
        border-top: 1px solid rgba(230, 233, 240, 0.82);
        padding-top: 1.15rem;
    }

    body.whmcs-dashboard-body .dashboard-module-service__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    body.whmcs-dashboard-body .cpanel-wp-create__add {
        width: 100%;
        min-width: 0;
    }

    body.whmcs-dashboard-body .cpanel-tools-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-analytics-grid,
    .dashboard-analytics-grid--three {
        grid-template-columns: 1fr;
    }

    .dashboard-page-heading,
    .dashboard-page-heading__actions {
        display: grid;
        justify-content: stretch;
    }

    .dashboard-page-heading__title,
    .dashboard-page-heading__actions,
    .dashboard-page-table-toolbar,
    .dashboard-domain-hero,
    .dashboard-domain-hero__metrics,
    .dashboard-overview-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-toolbar-search .form-control {
        width: 100%;
    }

    .dashboard-page-heading__actions,
    .dashboard-page-table-toolbar__actions,
    .dashboard-overview-actions__buttons {
        justify-content: flex-start;
    }

    .dashboard-overview-row,
    .dashboard-overview-metric,
    .dashboard-domain-hero__identity,
    .dashboard-table-service {
        grid-template-columns: 1fr;
        justify-items: flex-start;
    }

    .dashboard-overview-row__value {
        text-align: left;
    }
}

.dashboard-inline-alert {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.35rem;
    margin-bottom: 1.35rem;
    border-radius: 1.35rem;
    border: 1px solid rgba(255, 158, 102, 0.28);
    background: #f4f7fa;
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.04);
}

.dashboard-inline-alert__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(51, 51, 51, 0.08);
    color: #333333;
    font-size: 1.2rem;
}

.dashboard-inline-alert__copy strong {
    display: block;
    margin-bottom: 0.18rem;
    color: #333333;
    font-size: 1.12rem;
    font-weight: 700;
}

.dashboard-inline-alert__copy p {
    margin: 0;
    color: #667085;
}

.dashboard-inline-alert__action .btn,
.dashboard-inline-alert__action button,
.dashboard-inline-alert__action input[type="submit"] {
    min-height: 3rem;
    padding-inline: 1.35rem;
    border-radius: 1rem;
    background: #333333;
    color: #fff;
    border: 0;
    font-weight: 700;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16);
}

body.whmcs-dashboard-body .dashboard-ticket-table__department {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    font-weight: 600;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-ticket-table__avatar {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f7fa;
    color: var(--primary);
    font-size: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-table__subject {
    display: grid;
    gap: 0.18rem;
    color: inherit;
}

body.whmcs-dashboard-body .dashboard-ticket-table__updated {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-ticket-table__updated i {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-support-request__verified-field {
    position: relative;
}

body.whmcs-dashboard-body .dashboard-support-request__verified-field .form-control {
    padding-right: 3rem;
}

body.whmcs-dashboard-body .dashboard-support-request__verified {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.1);
    font-size: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-support-upload {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    border-radius: 1.25rem;
    border: 1.5px dashed rgba(var(--primary-rgb), 0.34);
    background: #f4f7fa;
}

body.whmcs-dashboard-body .dashboard-support-upload__icon {
    width: 4rem;
    height: 4rem;
    position: relative;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: #f4f7fa;
    color: var(--primary);
    font-size: 1.45rem;
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-support-upload__icon i {
    position: absolute;
    inset: 1.2rem;

}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone strong,
body.whmcs-dashboard-body .dashboard-support-upload__dropzone span,
body.whmcs-dashboard-body .dashboard-support-upload__dropzone small {
    display: block;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone strong {
    color: #1f2937;
    font-size: 1rem;
    margin-bottom: 0.15rem;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone span {
    color: var(--primary);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone small {
    color: #646d7e;
    margin-top: 0.25rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card {
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-ticket-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__identity {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__subject {
    margin: 0;
    color: #667085;
    font-size: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__subject strong {
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .view-ticket .ticket-actions .btn-danger {
    background: #f85f68;
    border-color: #f85f68;
    color: #fff;
}

body.whmcs-dashboard-body .ticket-reply {
    background: #fff;
    border: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .ticket-reply .posted-by {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    background: #f4f7fa;
}

body.whmcs-dashboard-body .ticket-reply.staff {
    border-color: rgba(var(--primary-rgb), 0.18);
    background: #f4f7fa;
}

body.whmcs-dashboard-body .ticket-reply .message {
    color: #344054;
    font-size: var(--font-base);
    line-height: 1.7;
    min-height: 6rem;
}

/* The reply header reads as one sentence ("Posted by Name on date"); spreading its words across the card left
   wide gaps between them. The requestor badge keeps floating to the right. */
body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .posted-by {
    display: block;
    font-size: var(--font-md);
    line-height: 1.5;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .posted-by-name,
body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .posted-on {
    font-size: inherit;
}

body.whmcs-dashboard-body .ticket-reply .message p,
body.whmcs-dashboard-body .ticket-reply .message li {
    font-size: inherit;
    line-height: inherit;
}

/* Rating stars under a staff reply: solid stars, grey until hovered or given */
body.whmcs-dashboard-body .ticket-reply .rating span.star,
body.whmcs-dashboard-body .ticket-reply .rating-done span.star {
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    padding: 0 2px;
}

body.whmcs-dashboard-body .ticket-reply .rating span.star::before,
body.whmcs-dashboard-body .ticket-reply .rating-done span.star::before {
    color: #d0d5dd;
}

body.whmcs-dashboard-body .ticket-reply .rating span.star:hover::before,
body.whmcs-dashboard-body .ticket-reply .rating span.star:hover ~ span.star::before,
body.whmcs-dashboard-body .ticket-reply .rating-done span.star.active::before {
    color: #f5b301;
}

body.whmcs-dashboard-body .ticket-reply .rating-done .rated {
    font-size: var(--font-sm);
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {
    width: 25rem;
    height: 6rem;
    border-radius: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f7fa;
    color: var(--primary);
    font-size: 2.2rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading,
body.whmcs-dashboard-body .auth-register-card__heading {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading .card-title,
body.whmcs-dashboard-body .auth-register-card__heading .card-title {
    margin-bottom: 0.25rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__hero {
    padding: 1.6rem 1.8rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__steps {
    gap: 0.75rem;
}

body.whmcs-dashboard-body .dashboard-account-step {
    min-width: 10rem;
    padding: 0.85rem 1rem;
    border-radius: 999px;
    background: rgba(242, 242, 242, 0.92);
    border: 1px solid rgba(230, 233, 240, 0.84);
}

body.whmcs-dashboard-body .dashboard-account-step.is-active {
    background: #f4f7fa;
    border-color: rgba(var(--primary-rgb), 0.32);
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04);
}

body.whmcs-dashboard-body .dashboard-account-step__count {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.92rem;
    font-weight: 700;
    background: #fff;
    border: 1px solid rgba(230, 233, 240, 0.9);
}

body.whmcs-dashboard-body .dashboard-account-step.is-active .dashboard-account-step__count {
    background: var(--gradient-primary);
    color: #fff;
    border-color: transparent;
}

body.whmcs-dashboard-body .dashboard-email-preference--card {
    position: relative;
    min-height: 5.15rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.82);
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.whmcs-dashboard-body .dashboard-email-preference--card:hover {
    border-color: rgba(var(--primary-rgb), 0.28);
    transform: translateY(-1px);
}

body.whmcs-dashboard-body .dashboard-email-preference--card .form-check-input {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    min-height: 4.5rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body .auth-shell__intro {
    position: relative;
    overflow: hidden;

}

body.whmcs-dashboard-body .auth-shell__intro::after {
    content: "";
    position: absolute;
    inset: auto -10% -15% -10%;
    height: 15rem;

    pointer-events: none;
}

body.whmcs-dashboard-body .auth-form,
body.whmcs-dashboard-body .auth-register-card,
body.whmcs-dashboard-body .auth-register-steps-panel {
    border: 1px solid rgba(230, 233, 240, 0.82);

}

body.whmcs-dashboard-body .auth-submit-btn {
    min-height: 3.35rem;
    border-radius: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .auth-form .btn-primary.auth-submit-btn,
body.whmcs-dashboard-body .auth-form button.auth-submit-btn.btn-primary {
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .auth-form .btn-primary.auth-submit-btn:hover,
body.whmcs-dashboard-body .auth-form .btn-primary.auth-submit-btn:focus,
body.whmcs-dashboard-body .auth-form button.auth-submit-btn.btn-primary:hover,
body.whmcs-dashboard-body .auth-form button.auth-submit-btn.btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

body.whmcs-dashboard-body .dashboard-panel__header .dashboard-link,
body.whmcs-dashboard-body .dashboard-page-heading__actions .dashboard-link {
    min-height: 3rem;
}

@media (max-width: 991.98px) {
    .dashboard-inline-alert {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .dashboard-ticket-card__header {
        flex-direction: column;
    }
}

body.whmcs-dashboard-body .auth-shell {
    align-items: stretch;
    gap: 1.75rem;
}

body.whmcs-dashboard-body .auth-shell__intro,
body.whmcs-dashboard-body .auth-form {
    min-height: 100%;
}

body.whmcs-dashboard-body .auth-shell__intro {
    padding: 2.4rem 2.25rem;
}

body.whmcs-dashboard-body .auth-shell__hero-art {
    position: relative;
    min-height: 22rem;
    margin: 1.1rem 0 1.35rem;
    border-radius: 2rem;

    overflow: hidden;
}

body.whmcs-dashboard-body .auth-shell__hero-art--reset {
    min-height: 21rem;
}

body.whmcs-dashboard-body .auth-shell__hero-orbit {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .auth-shell__hero-orbit--one {
    inset: 20% 11% 18% 11%;
}

body.whmcs-dashboard-body .auth-shell__hero-orbit--two {
    inset: 28% 2% 26% 2%;
}

body.whmcs-dashboard-body .auth-shell__hero-node {
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--primary);
    box-shadow: 0 0 0 6px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .auth-shell__hero-node--one {
    top: 28%;
    right: 17%;
}

body.whmcs-dashboard-body .auth-shell__hero-node--two {
    left: 18%;
    bottom: 24%;
}

body.whmcs-dashboard-body .auth-shell__hero-node--three {
    right: 8%;
    bottom: 34%;
}

body.whmcs-dashboard-body .auth-shell__hero-cloud,
body.whmcs-dashboard-body .auth-shell__hero-server,
body.whmcs-dashboard-body .auth-shell__hero-shield {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .auth-shell__hero-cloud {
    left: 50%;
    top: 22%;
    transform: translateX(-50%);
    width: 11rem;
    height: 7.7rem;
    border-radius: 45% 45% 40% 40%;
    background: #f4f7fa;
    box-shadow:
        0 20px 36px rgba(16, 24, 40, 0.08),
        inset -10px -14px 24px rgba(var(--accent-rgb), 0.12);
    color: var(--accent);
    font-size: 3rem;
}

body.whmcs-dashboard-body .auth-shell__hero-server {
    width: 9.6rem;
    height: 2.8rem;
    border-radius: 1rem;
    background: #333333;
    color: #fff;
    font-size: 1.8rem;
    box-shadow: 0 18px 28px rgba(var(--primary-rgb), 0.22);
}

body.whmcs-dashboard-body .auth-shell__hero-server--one {
    left: 50%;
    top: 52%;
    transform: translateX(-50%);
}

body.whmcs-dashboard-body .auth-shell__hero-server--two {
    left: 50%;
    top: 64%;
    transform: translateX(-50%);
}

body.whmcs-dashboard-body .auth-shell__hero-shield {
    right: 23%;
    bottom: 20%;
    width: 5.8rem;
    height: 6.6rem;
    border-radius: 1.6rem;
    background: #f4f7fa;
    color: var(--primary);
    font-size: 2.3rem;
    box-shadow: 0 14px 26px rgba(16, 24, 40, 0.08);
}

body.whmcs-dashboard-body .auth-shell__hero-shield--large {
    width: 7rem;
    height: 7rem;
    right: 21%;
    bottom: 17%;
    border-radius: 2rem;
    color: var(--primary);
}

body.whmcs-dashboard-body .auth-shell__features--stacked {
    gap: 1.1rem;
}

body.whmcs-dashboard-body .auth-shell__copyright {
    margin: 1.2rem 0 0;
    color: #646d7e;
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .auth-form {
    padding: 2.6rem 2.4rem 2rem;
}

body.whmcs-dashboard-body .auth-form__lock {
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.2rem;
    background: #f4f7fa;
    color: var(--primary);
    font-size: 2rem;
}

body.whmcs-dashboard-body .auth-form__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1.6rem;
    padding-top: 1.35rem;
    border-top: 1px solid rgba(230, 233, 240, 0.82);
}

body.whmcs-dashboard-body .auth-form__meta-item {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(230, 233, 240, 0.72);
}

body.whmcs-dashboard-body .auth-form__meta-item i {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    font-size: 1rem;
}

body.whmcs-dashboard-body .auth-form__meta-item strong,
body.whmcs-dashboard-body .auth-form__meta-item span {
    display: block;
}

body.whmcs-dashboard-body .auth-form__meta-item strong {
    color: #111827;
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .auth-form__meta-item span {
    color: #667085;
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .auth-shell__support-card {
    margin-top: 1.35rem;
    padding: 1.35rem 1.45rem;
    border-radius: 1.35rem;
    background: #f4f7fa;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
}

body.whmcs-dashboard-body .auth-shell__support-card h4 {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
    color: #111827;
}

body.whmcs-dashboard-body .auth-shell__support-card p {
    margin: 0 0 0.85rem;
    color: #667085;
}

body.whmcs-dashboard-body .auth-shell__support-link,
body.whmcs-dashboard-body .auth-help-inline__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .auth-help-inline {
    margin-top: 1.4rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(230, 233, 240, 0.82);
    text-align: center;
}

body.whmcs-dashboard-body .auth-help-inline h4 {
    margin: 0 0 0.25rem;
    font-size: 1.1rem;
    color: #111827;
}

body.whmcs-dashboard-body .auth-help-inline p {
    margin: 0 0 0.65rem;
    color: #667085;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .auth-form__meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .auth-shell__hero-art {
        min-height: 18rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-cloud {
        width: 8.8rem;
        height: 6.3rem;
        font-size: 2.45rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-server {
        width: 7.8rem;
        height: 2.45rem;
        font-size: 1.45rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-shield,
    body.whmcs-dashboard-body .auth-shell__hero-shield--large {
        width: 5.5rem;
        height: 5.8rem;
        font-size: 1.9rem;
    }
}

.dashboard-page-title,
.dashboard-panel__title,
.dashboard-panel__copy,
.dashboard-item-title,
.dashboard-item-subtitle,
.dashboard-table td,
.dashboard-table td a,
.dashboard-table td strong,
.dashboard-table-service__copy,
.dashboard-analytics-card,
.dashboard-analytics-card__copy,
.dashboard-analytics-card__label,
.dashboard-analytics-card__meta,
.dashboard-analytics-card__value,
.dashboard-page-heading__title > div,
.dashboard-page-heading__title > div > *,
.dashboard-page-heading__actions > *,
.dashboard-inline-alert,
.status-pill {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-page-heading__title,
.dashboard-page-heading__actions,
.dashboard-row-actions,
.dashboard-inline-alert,
.dashboard-table-inline {
    max-width: 100%;
}

.dashboard-link--hero,
.dashboard-action-ghost,
.dashboard-row-actions .btn,
.dashboard-row-actions a,
.dashboard-row-actions button,
body.whmcs-dashboard-body .btn-sm,
body.whmcs-dashboard-body .btn {
    white-space: normal;
    text-align: center;
}

.dashboard-row-actions {
    flex-wrap: wrap;
}

.status-pill {
    max-width: 100%;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
}

body.whmcs-dashboard-body .form-check-inline {
    margin-right: 0.75rem;
    row-gap: 0.55rem;
}

body.whmcs-dashboard-body .form-check-inline label,
body.whmcs-dashboard-body .form-check-inline span {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .dashboard-analytics-card--spark {
        padding-right: 1.45rem;
    }

    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight {
        padding: 1.2rem;
    }

    .dashboard-page-heading__title {
        align-items: flex-start;
    }

    .dashboard-page-heading__actions > .dashboard-link--hero,
    .dashboard-page-heading__actions > .dashboard-action-ghost,
    .dashboard-page-heading__actions > .dashboard-link,
    .dashboard-row-actions,
    .dashboard-row-actions .btn,
    .dashboard-row-actions a,
    .dashboard-row-actions button {
        width: 100%;
    }

    .dashboard-row-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .dashboard-table td:first-child {
        width: 100% !important;
    }

    .dashboard-table-service {
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .form-check-inline {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight,
    .dashboard-panel,
    .dashboard-analytics-card {
        border-radius: 1.1rem;
    }

    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight {
        padding: 1rem;
    }

    .dashboard-analytics-card {
        min-height: auto;
        padding: 1.1rem 1rem;
        align-items: flex-start;
    }

    .dashboard-analytics-card__icon {
        width: 3rem;
        height: 3rem;
        font-size: 1.1rem;
    }

    .dashboard-analytics-card__label,
    .dashboard-analytics-card__meta {
        font-size: 0.88rem;
    }

    .dashboard-analytics-card__value {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    .dashboard-page-heading__icon {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: 0.9rem;
    }

    .dashboard-page-title {
        font-size: 1.35rem;
        line-height: 1.25;
    }

    .dashboard-panel__title {
        font-size: 1.05rem;
        line-height: 1.35;
    }

    .dashboard-panel__copy,
    .dashboard-item-subtitle,
    body.whmcs-dashboard-body .dashboard-table td .text-muted,
    body.whmcs-dashboard-body .dashboard-table td small,
    body.whmcs-dashboard-body .dashboard-table td .dashboard-item-subtitle {
        font-size: 0.82rem !important;
        line-height: 1.55;
    }
}

body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--green,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--amber,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--violet {
    background: #333333;
    clip-path: polygon(0 82%, 10% 82%, 18% 48%, 28% 48%, 36% 18%, 46% 18%, 54% 44%, 64% 44%, 72% 68%, 82% 68%, 90% 30%, 100% 30%, 100% 100%, 0 100%);
}

body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--mint .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--rose .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--violet .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-metric__icon--blue,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-row__icon--blue,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-row__icon--amber,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-row__icon--violet {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-theme] .dataTables_wrapper .paginate_button.current:hover,
body.whmcs-dashboard-body[data-theme] .dashboard-usage-meter--accent .dashboard-usage-meter__ring {
    background: var(--primary) !important;
}

body.whmcs-dashboard-body[data-theme] .dashboard-usage-meter--accent .dashboard-usage-meter__ring {
    background: #f4f7fa !important;
}

body.whmcs-dashboard-body[data-theme] .dashboard-settings-aside-card--violet,
body.whmcs-dashboard-body[data-theme] .dashboard-settings-aside-card--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-support-tip--violet,
body.whmcs-dashboard-body[data-theme] .dashboard-support-tip--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-support-tip--amber {
    background: #f4f7fa;
    border-color: rgba(var(--primary-rgb), 0.14);
}

body.whmcs-dashboard-body[data-theme] .dashboard-support-tip__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-settings-aside-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-page-heading__icon--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-page-heading__icon--violet {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-theme] .dashboard-marketing-choice__item.is-active,
body.whmcs-dashboard-body[data-theme] .requestor-badge,
body.whmcs-dashboard-body[data-theme] .dashboard-support-upload__icon {
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-page {
        padding: 1.15rem;
    }

    body.whmcs-dashboard-body .dashboard-topbar {
        min-height: auto;
    }

    body.whmcs-dashboard-body .dashboard-topbar__inner,
    body.whmcs-dashboard-body .dashboard-topbar__right {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    body.whmcs-dashboard-body .dashboard-topbar__search,
    body.whmcs-dashboard-body .dashboard-topbar__search .form-control,
    body.whmcs-dashboard-body .dashboard-cta-btn {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-analytics-grid,
    body.whmcs-dashboard-body .dashboard-home-stats,
    body.whmcs-dashboard-body .dashboard-module-summary__grid,
    body.whmcs-dashboard-body .dashboard-module-usage,
    body.whmcs-dashboard-body .auth-form__meta,
    body.whmcs-dashboard-body .product-overview-card__actions,
    body.whmcs-dashboard-body .dashboard-email-preferences,
    body.whmcs-dashboard-body .dashboard-email-preferences--grid,
    body.whmcs-dashboard-body .cpanel-tools-grid {
        grid-template-columns: 1fr !important;
    }

    body.whmcs-dashboard-body .dashboard-page-header,
    body.whmcs-dashboard-body .dashboard-page-heading--inline,
    body.whmcs-dashboard-body .dashboard-page-table-toolbar,
    body.whmcs-dashboard-body .dashboard-page-table-toolbar__actions {
        grid-template-columns: 1fr !important;
        display: grid;
        align-items: stretch;
        gap: 0.85rem;
    }

    body.whmcs-dashboard-body .dashboard-page-breadcrumb,
    body.whmcs-dashboard-body .dashboard-page-header .breadcrumb {
        justify-content: flex-start;
    }

    body.whmcs-dashboard-body .dashboard-toolbar-search,
    body.whmcs-dashboard-body .dashboard-toolbar-search .form-control,
    body.whmcs-dashboard-body .dashboard-page-table-toolbar__actions > *,
    body.whmcs-dashboard-body .dashboard-page-heading__actions,
    body.whmcs-dashboard-body .dashboard-page-heading__actions > * {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-funds-form__row {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-tools-help {
        grid-template-columns: 1fr;
        text-align: left !important;
    }

    body.whmcs-dashboard-body .cpanel-tools-help__copy {
        flex-wrap: wrap;
        white-space: normal;
    }

    body.whmcs-dashboard-body .cpanel-tools-help__copy span,
    body.whmcs-dashboard-body .cpanel-tools-help__copy > span:first-child,
    body.whmcs-dashboard-body .cpanel-tools-help__copy > span:last-child {
        white-space: normal;
    }

    body.whmcs-dashboard-body .cpanel-tools-help__link {
        justify-self: flex-start;
        margin-left: 0;
    }

    body.whmcs-dashboard-body .auth-shell,
    body.whmcs-dashboard-body .auth-register-layout {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .auth-shell__intro,
    body.whmcs-dashboard-body .auth-form,
    body.whmcs-dashboard-body .auth-register-panel,
    body.whmcs-dashboard-body .auth-register-content {
        min-height: auto;
    }

    body.whmcs-dashboard-body .auth-shell__features,
    body.whmcs-dashboard-body .auth-shell__features--stacked {
        padding-right: 0;
    }

    body.whmcs-dashboard-body .auth-shell__hero-art,
    body.whmcs-dashboard-body .auth-register-panel__art {
        min-height: 18rem;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__layout,
    body.whmcs-dashboard-body .dashboard-account-settings {
        grid-template-columns: 1fr !important;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__aside,
    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
        position: static !important;
        top: auto !important;
        margin-top: 0 !important;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management tbody tr,
    body.whmcs-dashboard-body .dashboard-table--user-management tbody td {
        display: block;
        width: 100%;
        text-align: left !important;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management thead {
        display: none;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management tbody tr {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(230, 233, 240, 0.82);
    }

    body.whmcs-dashboard-body .dashboard-table--user-management tbody tr:last-child {
        border-bottom: 0;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management .dashboard-row-actions,
    body.whmcs-dashboard-body .dashboard-table--user-management .dashboard-row-actions .btn,
    body.whmcs-dashboard-body .dashboard-table--user-management form.d-inline-flex {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management .dashboard-row-actions,
    body.whmcs-dashboard-body .dashboard-table--user-management form.d-inline-flex {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.6rem;
        margin-top: 0.85rem;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-panel,
    body.whmcs-dashboard-body .dashboard-page-table-panel,
    body.whmcs-dashboard-body .dashboard-page-table-panel--tight,
    body.whmcs-dashboard-body .dashboard-page-header,
    body.whmcs-dashboard-body .dashboard-analytics-card {
        padding: 1rem;
    }

    body.whmcs-dashboard-body .dashboard-page-title {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    body.whmcs-dashboard-body .dashboard-panel__copy,
    body.whmcs-dashboard-body .dashboard-page-subtitle,
    body.whmcs-dashboard-body .dashboard-item-subtitle {
        font-size: 0.84rem;
        line-height: 1.55;
    }

    body.whmcs-dashboard-body .auth-shell__hero-art,
    body.whmcs-dashboard-body .auth-register-panel__art {
        min-height: 15rem;
        border-radius: 1.35rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-cloud {
        width: 8.8rem;
        height: 6.2rem;
        font-size: 2.45rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-server {
        width: 7.4rem;
        height: 2.45rem;
        font-size: 1.35rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-shield,
    body.whmcs-dashboard-body .auth-shell__hero-shield--large {
        width: 5rem;
        height: 5.4rem;
        font-size: 1.75rem;
    }

    body.whmcs-dashboard-body .dashboard-funds-panel__art::before,
    body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {
        width: 100%;
        max-width: 100%;
    }
}

.order-domain-hosting-state--attached {
    color: var(--order-primary);
    font-weight: 700;
}

.order-domain-hosting-state--missing {
    color: #cc0000;
    font-weight: 700;
}

.card {
	
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
	
}

body.whmcs-dashboard-body .dashboard-ticket-card .card-body + .card-body {
	
	margin-top: 20px;
	
}

@media (max-width: 991.98px) {
    :root {
        --topbar-height: 70px;
        --header-height: 70px;
    }

    body.whmcs-dashboard-body {
        --mobile-topbar-bg: #f4f7fa;
    }

    body.whmcs-dashboard-body .dashboard-main {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-page {
        padding: 0.95rem 0.9rem 1.1rem;
    }

    .dashboard-topbar {
        position: sticky;
        top: 0;
        z-index: 1030;
        min-height: 70px;
        padding: 0.85rem 0.9rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.7rem;
        background: var(--mobile-topbar-bg);
        border-bottom: 1px solid rgba(var(--primary-rgb), 0.08);
        box-shadow: 0 10px 30px -28px rgba(15, 23, 42, 0.22);
        backdrop-filter: blur(14px);
    }

    .dashboard-topbar__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        min-width: 0;
        flex: 1 1 auto;
    }

    .dashboard-topbar__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.45rem;
        flex: 0 0 auto;
        flex-wrap: nowrap;
    }

    .dashboard-mobile-toggle,
    .toolbar-icon,
    .toolbar-icon--user,
    .dashboard-sidebar__close {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
        border: 0;
        border-radius: 0.95rem;
        background: rgba(255, 255, 255, 0.88);
        color: #587086;
        box-shadow: none;
    }

    .dashboard-mobile-toggle:hover,
    .dashboard-mobile-toggle:focus,
    .toolbar-icon:hover,
    .toolbar-icon:focus,
    .toolbar-icon--user:hover,
    .toolbar-icon--user:focus {
        background: rgba(255, 255, 255, 0.98);
        color: var(--primary);
        box-shadow: none;
        transform: none;
    }

    .dashboard-topbar__brand {
        position: relative;
        left: auto;
        transform: none;
        z-index: 3;
        max-width: min(62vw, 13rem);
        padding: 0.22rem 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        pointer-events: auto;
    }

    .dashboard-topbar__brand:hover {
        transform: none;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 2.9rem;
        filter: var(--brand-logo-filter-core, none);
    }

    .toolbar-dot,
    .toolbar-icon__badge {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.98);
    }

    .toolbar-dot {
        top: 0.3rem;
        inset-inline-end: 0.3rem;
    }

    .toolbar-icon__badge {
        top: -0.16rem;
        inset-inline-end: -0.16rem;
        min-width: 1.15rem;
        height: 1.15rem;
        font-size: 0.64rem;
    }

    .dashboard-user-dropdown--topbar,
    .dashboard-user-dropdown {
        min-width: min(92vw, 30rem);
        max-width: min(92vw, 30rem);
        padding: 0.6rem;
        border: 1px solid rgba(var(--primary-rgb), 0.1);
        border-radius: 1.1rem;
        box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.2);
        background: #fff;
    }

    .dashboard-user-dropdown__item,
    .dashboard-user-logout {
        min-height: 4.4rem;
        gap: 1.2rem;
        padding: 0.8rem 1.2rem;
        border-radius: 1rem;
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.25;
    }

    .dashboard-user-dropdown__icon {
        width: 2rem;
        height: 2rem;
        border-radius: 0;
        background: transparent;
        color: color-mix(in srgb, var(--brand-primary) 78%, #6b7280 22%);
    }

    .dashboard-user-dropdown__icon svg {
        width: 1.6rem;
        height: 1.6rem;
        stroke-width: 2;
    }

    .dashboard-user-dropdown__section + .dashboard-user-dropdown__section,
    .dashboard-user-dropdown__footer {
        margin-top: 0.4rem;
        padding-top: 0.4rem;
        border-top: 1px solid rgba(var(--primary-rgb), 0.08);
    }

    .dashboard-user-dropdown__item.active,
    .dashboard-user-dropdown__item:hover,
    .dashboard-user-dropdown__item:focus-visible,
    .dashboard-user-logout:hover,
    .dashboard-user-logout:focus-visible {
        background: rgba(var(--primary-rgb), 0.08);
        box-shadow: none;
    }

    .dashboard-user-dropdown__item > span:last-child,
    .dashboard-user-logout > span:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-user-dropdown__icon.logout {
        background: transparent;
        color: #dc2626;
    }

    .dashboard-user-dropdown__mobile-section {
        display: none !important;
    }

    .dashboard-cta-btn {
        display: none !important;
    }

    .dashboard-page-header {
        padding: 1.05rem 1rem;
        border-radius: 1.15rem;
    }

    .dashboard-home-stats,
    .dashboard-grid,
    .dashboard-stat-grid {
        gap: 0.8rem;
    }

    .dashboard-card,
    .dashboard-panel,
    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight,
    .dashboard-analytics-card {
        border-radius: 1.15rem;
        box-shadow: 0 10px 28px -24px rgba(15, 23, 42, 0.16);
    }

    .dashboard-home-stat__body,
    .dashboard-panel,
    .dashboard-analytics-card {
        padding: 1rem;
    }

    .dashboard-home-stat__icon,
    .dashboard-analytics-card__icon {
        width: 2.85rem;
        height: 2.85rem;
        border-radius: 0.9rem;
    }

    .dashboard-home-stat__title,
    .dashboard-panel__title,
    .dashboard-analytics-card__label {
        font-size: 0.96rem;
        line-height: 1.3;
    }

    .dashboard-home-stat__value,
    .dashboard-analytics-card__value {
        font-size: clamp(1.55rem, 7vw, 1.9rem);
        line-height: 1.05;
    }

    .dashboard-home-stat__meta,
    .dashboard-panel__copy,
    .dashboard-item-subtitle,
    .dashboard-analytics-card__meta {
        font-size: 0.82rem;
        line-height: 1.45;
    }

    .dashboard-home-panel__header,
    .dashboard-panel__header {
        align-items: flex-start;
        gap: 0.75rem;
        margin-bottom: 0.9rem;
    }

    .dashboard-table thead {
        display: none;
    }

    .dashboard-table,
    .dashboard-table tbody,
    .dashboard-table tr,
    .dashboard-table td {
        display: block;
        width: 100%;
    }

    .dashboard-table tbody tr {
        padding: 0.95rem;
        margin-bottom: 0.8rem;
        border: 1px solid rgba(225, 225, 225, 0.95);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 10px 28px -26px rgba(15, 23, 42, 0.16);
    }

    .dashboard-table tbody tr:last-child {
        margin-bottom: 0;
    }

    .dashboard-table tbody td {
        padding: 0;
        border: 0;
        text-align: left !important;
    }

    .dashboard-table tbody td + td {
        margin-top: 0.7rem;
        padding-top: 0.7rem;
        border-top: 1px solid rgba(232, 232, 232, 0.98);
    }

    .dashboard-home-table-footer {
        display: none;
    }

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

@media (max-width: 767.98px) {
    .dashboard-topbar {
        min-height: 68px;
        padding: 0.78rem 0.82rem;
    }

    .dashboard-page {
        padding: 0.85rem 0.8rem 1rem;
    }

    .dashboard-home-stat__body,
    .dashboard-panel,
    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight,
    .dashboard-analytics-card {
        padding: 0.95rem;
    }

    .dashboard-home-stat__icon,
    .dashboard-analytics-card__icon {
        width: 2.65rem;
        height: 2.65rem;
    }

    .dashboard-panel__title,
    .dashboard-home-stat__title,
    .dashboard-analytics-card__label {
        font-size: 0.94rem;
    }

    .dashboard-item-title {
        font-size: 0.95rem;
        line-height: 1.32;
    }
}

@media (max-width: 991.98px) {
    .dashboard-topbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 70px !important;
        padding: 0.85rem 0.9rem !important;
        gap: 0.7rem !important;
    }

    .dashboard-topbar__left {
        position: relative;
        z-index: 3;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .dashboard-topbar__actions {
        position: relative;
        z-index: 3;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0.45rem !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        margin-inline-start: auto !important;
    }

    .dashboard-topbar__brand {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        z-index: 3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        max-width: min(62vw, 13rem) !important;
        margin: 0 !important;
    }

    .dashboard-mobile-toggle {
        position: relative;
        z-index: 4;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        color: #415366 !important;
        background: rgba(255, 255, 255, 0.92) !important;
    }

    .dashboard-mobile-toggle svg {
        display: block !important;
        width: 1.08rem !important;
        height: 1.08rem !important;
        stroke-width: 2.2 !important;
    }

    .dashboard-mobile-toggle--toolbar {
        margin-inline-start: 0 !important;
    }

    .dashboard-sidebar {
        width: min(88vw, 22.5rem) !important;
        max-width: 22.5rem !important;
        height: 100dvh !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border-right: 1px solid rgba(225, 225, 225, 0.98) !important;
        box-shadow: 0 22px 48px -26px rgba(15, 23, 42, 0.28) !important;
        z-index: 1046 !important;
        overflow-y: auto;
    }

    .dashboard-sidebar__brand {
        min-height: 78px !important;
        padding: 0 1.15rem 0 1.15rem !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.35rem !important;
    }

    .dashboard-sidebar__close {
        display: inline-flex !important;
        flex: 0 0 auto;
        color: #415366 !important;
        background: rgba(245, 245, 245, 0.96) !important;
    }

    .dashboard-sidebar__close svg,
    .dashboard-sidebar__close i {
        pointer-events: none;
    }

    .dashboard-nav {
        padding: 0.9rem !important;
        gap: 0.42rem !important;
    }

    .dashboard-nav__link {
        min-height: 3.2rem;
        padding: 0.9rem 1rem !important;
        border-radius: 1rem !important;
    }

    .dashboard-nav__link-main {
        gap: 0.82rem !important;
    }

    .dashboard-nav__link svg {
        width: 1.1rem !important;
        height: 1.1rem !important;
        stroke-width: 1.95 !important;
    }

    .dashboard-nav__submenu-wrap {
        margin-left: 1rem !important;
        padding-left: 0.85rem !important;
    }

    .dashboard-nav__sublink {
        min-height: 2.5rem !important;
        padding: 0.62rem 0.2rem !important;
        line-height: 1.35 !important;
    }

    .dashboard-overlay {
        z-index: 1044 !important;
        background: rgba(15, 23, 42, 0.34) !important;
        backdrop-filter: blur(3px);
    }

    body.whmcs-dashboard-body.dashboard-sidebar-mobile-active {
        overflow: hidden;
        touch-action: none;
    }
}

@media (max-width: 767.98px) {
    .dashboard-topbar {
        min-height: 68px !important;
        padding: 0.78rem 0.82rem !important;
    }

    .dashboard-topbar__brand {
        max-width: min(68vw, 15rem) !important;
    }

    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 3.1rem;
		display: none;
    }

    .dashboard-sidebar {
        width: min(92vw, 23rem) !important;
    }

    .dashboard-sidebar__brand {
        min-height: 76px !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.5rem !important;
    }
}

.hostique-logo-lockup--sidebar .hostique-logo-lockup__image,
.dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
    height: 3.15rem;
}

/* The IDHosting cube is taller than its name, so the sidebar logo needs this height for the name to read, at every
   width (it overrides the per-breakpoint heights above and below). The theme's blue glow smeared under the cube on
   the navy sidebar, so the logo is drawn flat. */
body.whmcs-dashboard-body .hostique-logo-lockup--sidebar .hostique-logo-lockup__image,
body.whmcs-dashboard-body .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
    height: 4.2rem !important;
    width: auto !important;
    max-width: 100%;
    filter: none !important;
}

.hostique-logo-lockup--focus .hostique-logo-lockup__image,
.hostique-logo-lockup--auth .hostique-logo-lockup__image {
    height: 3rem;
}

@media (max-width: 991.98px) {
    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 3rem !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.45rem !important;
    }
}

@media (max-width: 767.98px) {
    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 3.15rem !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.55rem !important;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-kb-hero {
        padding: 1.5rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__grid,
    body.whmcs-dashboard-body .dashboard-kb-layout,
    body.whmcs-dashboard-body .dashboard-kb-article-layout,
    body.whmcs-dashboard-body .dashboard-kb-highlights {
        grid-template-columns: minmax(0, 1fr);
    }

    body.whmcs-dashboard-body .dashboard-kb-article-sidebar {
        order: 2;
    }

    body.whmcs-dashboard-body .dashboard-kb-article-main {
        order: 1;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-kb-hero,
    body.whmcs-dashboard-body .dashboard-kb-main,
    body.whmcs-dashboard-body .dashboard-kb-help,
    body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel,
    body.whmcs-dashboard-body .dashboard-kb-article,
    body.whmcs-dashboard-body .dashboard-kb-related,
    body.whmcs-dashboard-body .dashboard-kb-side-nav {
        border-radius: 1.25rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero {
        padding: 1.15rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__title {
        font-size: 1.7rem;
        line-height: 1.14;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__description,
    body.whmcs-dashboard-body .dashboard-kb-highlight p,
    body.whmcs-dashboard-body .dashboard-kb-help p,
    body.whmcs-dashboard-body .dashboard-kb-list__copy small,
    body.whmcs-dashboard-body .dashboard-kb-related__copy small,
    body.whmcs-dashboard-body .dashboard-kb-article__content {
        font-size: 0.92rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__metric {
        min-width: 0;
        flex: 1 1 calc(50% - 0.45rem);
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__search-shell,
    body.whmcs-dashboard-body .dashboard-kb-main,
    body.whmcs-dashboard-body .dashboard-kb-help,
    body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel,
    body.whmcs-dashboard-body .dashboard-kb-article,
    body.whmcs-dashboard-body .dashboard-kb-related,
    body.whmcs-dashboard-body .dashboard-kb-side-nav {
        padding: 1rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group {
        gap: 0.6rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group-prepend,
    body.whmcs-dashboard-body .dashboard-kb-search .input-group-append {
        display: contents;
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group-text,
    body.whmcs-dashboard-body .dashboard-kb-search .form-control,
    body.whmcs-dashboard-body .dashboard-kb-search .btn {
        border-radius: 0.95rem;
        border: 1px solid var(--border-soft);
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group-text {
        display: none;
    }

    body.whmcs-dashboard-body .dashboard-kb-list__item,
    body.whmcs-dashboard-body .dashboard-kb-related__item,
    body.whmcs-dashboard-body .dashboard-kb-category,
    body.whmcs-dashboard-body .dashboard-kb-highlight {
        padding: 0.9rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-list__icon,
    body.whmcs-dashboard-body .dashboard-kb-related__icon,
    body.whmcs-dashboard-body .dashboard-kb-category__icon {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: 0.85rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-article__topbar,
    body.whmcs-dashboard-body .dashboard-kb-article__feedback,
    body.whmcs-dashboard-body .dashboard-kb-article__footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.whmcs-dashboard-body .dashboard-kb-article__meta {
        gap: 0.55rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-article__meta span {
        width: 100%;
        justify-content: center;
    }
}

body[data-page-template="clientareaproductdetails"] .dashboard-module-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

body[data-page-template="clientareaproductdetails"] .dashboard-module-overview > .row {
    display: none !important;
}

/* The two-column grid is for the cPanel cards. A module that renders one root element (SolusVM) spans the full width. */
body[data-page-template="clientareaproductdetails"] .dashboard-module-overview > :only-child,
body[data-page-template="clientareaproductdetails"] .dashboard-module-overview > div:only-of-type {
    grid-column: 1 / -1 !important;
}

/* Quick Shortcuts LEFT */
body[data-page-template="clientareaproductdetails"] #cPanelQuickShortcutsPanel {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;

    float: none !important;
    clear: none !important;
}

/* Create Email RIGHT */
body[data-page-template="clientareaproductdetails"] #cPanelQuickEmailPanel {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;

    float: none !important;
    clear: none !important;
}

/* Billing Overview تحت Create Email */
body[data-page-template="clientareaproductdetails"] #cPanelBillingOverviewPanel {
    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100% !important;
    margin: 0 !important;

    float: none !important;
    clear: none !important;
}

@media (max-width: 991px) {

    body[data-page-template="clientareaproductdetails"] .dashboard-module-overview {
        grid-template-columns: 1fr !important;
    }

    body[data-page-template="clientareaproductdetails"] #cPanelQuickShortcutsPanel,
    body[data-page-template="clientareaproductdetails"] #cPanelQuickEmailPanel,
    body[data-page-template="clientareaproductdetails"] #cPanelBillingOverviewPanel {

        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

body.whmcs-dashboard-body #order-standard_cart.order-shell--domain-register-modern .domain-available::after {
    
    display:none!important;
}

body.whmcs-dashboard-body #order-standard_cart.order-shell--confdomains-modern .hostique-confdomains-addon-grid {
    
    margin-top: 25px;
    
}

#order-standard_cart .checkout-security-msg i {
    
    display:none!important;
    
}

/* Frontend color migration: preserve structure and sizing, align visual identity only */
:root,
html[data-theme],
body.whmcs-dashboard-body,
body.whmcs-dashboard-body[data-theme],
body.whmcs-dashboard-body[data-theme="hostina"],
body.whmcs-dashboard-body[data-theme="green"],
body.whmcs-dashboard-body[data-theme="blue"],
body.whmcs-dashboard-body[data-theme="purple"],
body.whmcs-dashboard-body[data-theme="red"],
body.whmcs-dashboard-body[data-theme="yellow"],
body.whmcs-dashboard-body[data-theme="black"] {
    --hue: 226 !important;
    --sat: 92% !important;
    --primary-lightness: 58% !important;
    --brand-primary: #3160f6 !important;
    --brand-primary-hover: #2449d8 !important;
    --brand-primary-active: #1d3bb3 !important;
    --brand-primary-rgb: 49, 96, 246 !important;
    --brand-accent: #0580fc !important;
    --brand-accent-rgb: 5, 128, 252 !important;
    --brand-soft-1: #eef3ff !important;
    --brand-soft-2: #e3ebfe !important;
    --brand-soft-3: #d4e0fd !important;
    --brand-border: #c9d7fc !important;
    --brand-border-soft: #e3ebfe !important;
    --surface-page: #ffffff !important;
    --surface-card: #ffffff !important;
    --surface-soft: #f4f7fa !important;
    --surface-muted: rgba(230, 233, 240, 0.6) !important;
    --surface-2: rgba(230, 233, 240, 0.6) !important;
    --text-main: #0b0d1f !important;
    --text-secondary: #4e5260 !important;
    --text-muted: #5b6474 !important;
    --text-soft: #646d7e !important;
    --border: #e6e9f0 !important;
    --border-soft: #eef1f5 !important;
    --success: #15803d !important;
    --success-bg: rgba(63, 176, 106, 0.1) !important;
    --success-border: rgba(63, 176, 106, 0.28) !important;
    --warning: #9a5b00 !important;
    --warning-bg: rgba(217, 138, 18, 0.1) !important;
    --warning-border: rgba(217, 138, 18, 0.28) !important;
    --danger: #c62f35 !important;
    --danger-bg: rgba(229, 72, 77, 0.08) !important;
    --danger-border: rgba(229, 72, 77, 0.26) !important;
    --gradient-primary: #3160f6 !important;
    --gradient-primary-hover: #2449d8 !important;
    --gradient-soft: #f4f7fa !important;
    --background: #ffffff !important;
    --foreground: #0b0d1f !important;
    --card: rgba(255, 255, 255, 0.94) !important;
    --surface: #ffffff !important;
    --muted: #5b6474 !important;
    --primary: #3160f6 !important;
    --primary-rgb: 49, 96, 246 !important;
    --primary-hover: #2449d8 !important;
    --accent: #0580fc !important;
    --accent-rgb: 5, 128, 252 !important;
}

/* Hostina frontend branding: original logo with the idhosting navy sidebar */
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar {
    background: #0b0d1f !important;
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__brand,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__user {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__brand-lockup .navbar-brand-lockup {
    background: transparent !important;
    border-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__brand-lockup .navbar-brand-lockup:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__brand-lockup .navbar-brand-lockup:focus {
    background: transparent !important;
    border-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__sublink,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-card,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-card__name,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-card__email,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__close,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar-reopen {
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__toggle {
    color: #0b0d1f !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-card,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__close,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar-reopen {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__toggle {
    background: #f4f7fa !important;
    border: 1px solid #d5d8dc !important;
    color: #0b0d1f !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__sublink,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-card__email {
    color: rgba(255, 255, 255, 0.68) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link.active,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__sublink:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__sublink.active,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-card:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__close:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar-reopen:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link.active .dashboard-nav__link-main,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link.active .dashboard-nav__link-main span,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link.active svg,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link--solo.active,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link--solo.active .dashboard-nav__link-main,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link--solo.active .dashboard-nav__link-main span,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__link--solo.active svg,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-nav__sublink.active {
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__toggle:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar__toggle:focus {
    background: #ffffff !important;
    border-color: #c9ced6 !important;
    color: #0b0d1f !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
}

/* Hostina monochrome cleanup: remove all remaining blue/green/warm accents */
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-dropdown__icon.logout,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-logout,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-logout:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-logout:focus-visible,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-notification-item__icon.invoices,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-notification-item__icon.services,
body.whmcs-dashboard-body[data-theme="hostina"] .status-pill.warning,
body.whmcs-dashboard-body[data-theme="hostina"] .status-pill.danger,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-overview-alert--warning,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-overview-alert--danger,
body.whmcs-dashboard-body[data-theme="hostina"] .product-overview-card__cancel-btn,
body.whmcs-dashboard-body[data-theme="hostina"] .product-overview-card__cancel-btn:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .product-overview-card__cancel-btn:focus,
body.whmcs-dashboard-body[data-theme="hostina"] .alert-warning,
body.whmcs-dashboard-body[data-theme="hostina"] .alert-danger,
body.whmcs-dashboard-body[data-theme="hostina"] .alert-error {
    color: #333333 !important;
    background: rgba(51, 51, 51, 0.1) !important;
    border-color: rgba(51, 51, 51, 0.22) !important;
    box-shadow: none !important;
}

body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header {
    background: #f4f7fa !important;
    border-bottom: 1px solid rgba(51, 51, 51, 0.16) !important;
}

body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__icon {
    background: rgba(51, 51, 51, 0.12) !important;
    color: #333333 !important;
}

body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body[data-theme="hostina"] .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header span {
    color: #333333 !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] #alertOverdueInvoice .btn,
body.whmcs-dashboard-body[data-theme="hostina"] #alertUnpaidInvoice .btn,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__icon,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__copy strong,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__action .btn,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__action button,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__action input[type="submit"],
body.whmcs-dashboard-body[data-theme="hostina"] .view-ticket .ticket-actions .btn-danger {
    background: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__icon {
    background: rgba(51, 51, 51, 0.08) !important;
    color: #333333 !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__copy strong {
    background: none !important;
    color: #333333 !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-dropdown__icon.logout {
    background: rgba(51, 51, 51, 0.08) !important;
    color: #333333 !important;
}

/* Final monochrome interaction lock: prevent legacy hover/focus/active colors from surfacing */
body.whmcs-dashboard-body[data-theme],
body.whmcs-dashboard-body[data-theme="hostina"] {
    --hue: 226 !important;
    --sat: 92% !important;
    --brand-primary: #3160f6 !important;
    --brand-primary-hover: #2449d8 !important;
    --brand-primary-active: #1d3bb3 !important;
    --brand-primary-rgb: 49, 96, 246 !important;
    --brand-accent: #0580fc !important;
    --brand-accent-rgb: 5, 128, 252 !important;
    --primary: #3160f6 !important;
    --primary-hover: #2449d8 !important;
    --primary-rgb: 49, 96, 246 !important;
    --accent: #0580fc !important;
    --accent-rgb: 5, 128, 252 !important;
    --gradient-primary: #3160f6 !important;
    --gradient-primary-hover: #2449d8 !important;
    --gradient-soft: #f4f7fa !important;
}

body.whmcs-dashboard-body[data-theme] .btn-primary,
body.whmcs-dashboard-body[data-theme] .btn-success,
body.whmcs-dashboard-body[data-theme] .btn-info,
body.whmcs-dashboard-body[data-theme] .btn-warning,
body.whmcs-dashboard-body[data-theme] .btn-danger,
body.whmcs-dashboard-body[data-theme] .badge-primary,
body.whmcs-dashboard-body[data-theme] .badge-success,
body.whmcs-dashboard-body[data-theme] .badge-info,
body.whmcs-dashboard-body[data-theme] .badge-warning,
body.whmcs-dashboard-body[data-theme] .badge-danger,
body.whmcs-dashboard-body[data-theme] .label-primary,
body.whmcs-dashboard-body[data-theme] .label-success,
body.whmcs-dashboard-body[data-theme] .label-info,
body.whmcs-dashboard-body[data-theme] .label-warning,
body.whmcs-dashboard-body[data-theme] .label-danger {
    background: #3160f6 !important;
    background-image: none !important;
    border-color: #3160f6 !important;
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme] .btn-primary:hover,
body.whmcs-dashboard-body[data-theme] .btn-primary:focus,
body.whmcs-dashboard-body[data-theme] .btn-primary:active,
body.whmcs-dashboard-body[data-theme] .btn-success:hover,
body.whmcs-dashboard-body[data-theme] .btn-success:focus,
body.whmcs-dashboard-body[data-theme] .btn-success:active,
body.whmcs-dashboard-body[data-theme] .btn-info:hover,
body.whmcs-dashboard-body[data-theme] .btn-info:focus,
body.whmcs-dashboard-body[data-theme] .btn-info:active,
body.whmcs-dashboard-body[data-theme] .btn-warning:hover,
body.whmcs-dashboard-body[data-theme] .btn-warning:focus,
body.whmcs-dashboard-body[data-theme] .btn-warning:active,
body.whmcs-dashboard-body[data-theme] .btn-danger:hover,
body.whmcs-dashboard-body[data-theme] .btn-danger:focus,
body.whmcs-dashboard-body[data-theme] .btn-danger:active,
body.whmcs-dashboard-body[data-theme] .nav-pills .nav-link.active,
body.whmcs-dashboard-body[data-theme] .pagination .page-item.active .page-link {
    background: #2449d8 !important;
    background-image: none !important;
    border-color: #2449d8 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-theme] .alert-success,
body.whmcs-dashboard-body[data-theme] .alert-info,
body.whmcs-dashboard-body[data-theme] .alert-warning,
body.whmcs-dashboard-body[data-theme] .alert-danger,
body.whmcs-dashboard-body[data-theme] .alert-error,
body.whmcs-dashboard-body[data-theme] .bg-success,
body.whmcs-dashboard-body[data-theme] .bg-info,
body.whmcs-dashboard-body[data-theme] .bg-warning,
body.whmcs-dashboard-body[data-theme] .bg-danger {
    background: #f4f7fa !important;
    background-image: none !important;
    border-color: #e6e9f0 !important;
    color: #0b0d1f !important;
}

body.whmcs-dashboard-body[data-theme] [class*="hover"]:hover,
body.whmcs-dashboard-body[data-theme] [class*="active"],
body.whmcs-dashboard-body[data-theme] [style*="gradient"] {
    box-shadow: none !important;
}

/* Light headers show logo-on-light.png in its own colours, without the theme's logo tint or shadow. */
.hostique-order-topbar__brand-link .hostique-logo-lockup__image,
.hostique-logo-lockup--order .hostique-logo-lockup__image {
    filter: none !important;
}

/* Hide WHMCS default loading spinner / overlay */
#fullpage-overlay,
.fullpage-overlay,
.loading,
.loader,
.spinner,
.overlay-spinner,
#loading,
#loader,
#preloader,
.preloader,
.ajax-loader,
.loading-overlay,
div[id*="loader"],
div[class*="loader"],
div[id*="loading"],
div[class*="loading"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.auth-shell__copyright {
    display:none!important;
}
.hostique-logo-lockup--focus .hostique-logo-lockup__image {
  filter: none;
}

/* Step-by-step client registration */
body.whmcs-dashboard-body #registration.idh-reg {
    --reg-ink: #0b0d1f;
    --reg-muted: #5b6474;
    --reg-line: #e6e9f0;
    --reg-soft: #f4f7fa;
    width: min(100%, 1180px);
    margin: 0 auto;
    font-family: var(--font-body);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__layout {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__aside {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 32px 28px;
    border-radius: 28px;
    background: var(--reg-soft);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff;
    color: var(--reg-muted);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__eyebrow i {
    color: var(--reg-ink);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__intro h1 {
    margin: 0 0 10px;
    color: var(--reg-ink);
    font-family: var(--font-heading);
    font-size: clamp(27px, 2.6vw, 34px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__intro p {
    margin: 0;
    color: var(--reg-muted);
    font-size: 15.2px;
    line-height: 1.6;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__steps {
    position: relative;
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step {
    position: relative;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 29px;
    top: 50px;
    bottom: -14px;
    width: 2px;
    border-radius: 2px;
    background: var(--reg-line);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-done:not(:last-child)::after {
    background: var(--primary);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step button {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 18px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step button:disabled {
    cursor: default;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step button:not(:disabled):hover {
    background: rgba(255, 255, 255, 0.7);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step button:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-active button {
    background: #fff;
    box-shadow: 0 12px 28px -22px rgba(0, 0, 0, 0.45);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-marker {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--reg-line);
    border-radius: 50%;
    background: #fff;
    color: var(--reg-muted);
    font-size: 15.2px;
    font-weight: 800;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-marker i {
    display: none;
    font-size: 13.6px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-active .idh-reg__step-marker {
    border-color: var(--primary);
    color: var(--reg-ink);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-done .idh-reg__step-marker {
    border-color: var(--primary);
    background: var(--primary);
    color: #fff;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-done .idh-reg__step-number {
    display: none;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-done .idh-reg__step-marker i {
    display: inline;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-copy strong {
    color: var(--reg-ink);
    font-size: 15.2px;
    font-weight: 700;
    line-height: 1.3;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-copy small {
    color: var(--reg-muted);
    font-size: 13.1px;
    line-height: 1.4;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step:not(.is-active):not(.is-done) .idh-reg__step-copy strong {
    color: var(--reg-muted);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__login {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    color: var(--reg-muted);
    font-size: 14.7px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__login a {
    color: var(--reg-ink);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__main > .alert {
    margin-bottom: 16px;
    border-radius: 18px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__form {
    padding: 32px 36px 28px;
    border: 1px solid var(--reg-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 30px 60px -50px rgba(0, 0, 0, 0.35);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress-label {
    flex: 0 0 auto;
    color: var(--reg-muted);
    font-size: 13.6px;
    font-weight: 600;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress-label strong {
    color: var(--reg-ink);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress-bar {
    position: relative;
    flex: 1 1 auto;
    height: 6px;
    border-radius: 999px;
    background: var(--reg-soft);
    overflow: hidden;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress-bar span {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: inherit;
    background: var(--primary);
    transition: width 0.35s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress {
    display: none;
}

body.whmcs-dashboard-body #registration.idh-reg.idh-reg--steps .idh-reg__progress {
    display: flex;
}

body.whmcs-dashboard-body #registration.idh-reg.idh-reg--steps .idh-reg__panel {
    display: none;
}

body.whmcs-dashboard-body #registration.idh-reg.idh-reg--steps .idh-reg__panel.is-active {
    display: block;
    animation: idhRegIn 0.25s ease;
}

body.whmcs-dashboard-body #registration.idh-reg:not(.idh-reg--steps) .idh-reg__panel + .idh-reg__panel,
body.whmcs-dashboard-body #registration.idh-reg:not(.idh-reg--steps) #containerNewUserSignup + .idh-reg__panel {
    margin-top: 36px;
}

@keyframes idhRegIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 26px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--primary);
    color: #fff;
    font-size: 17.6px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-head h2 {
    margin: 0 0 4px;
    color: var(--reg-ink);
    font-family: var(--font-heading);
    font-size: 23.2px;
    font-weight: 800;
    letter-spacing: -0.01em;
    outline: none;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-head p {
    margin: 0;
    color: var(--reg-muted);
    font-size: 15.2px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__grid + .idh-reg__grid {
    margin-top: 18px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field--full {
    grid-column: 1 / -1;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field > label {
    margin: 0;
    color: var(--reg-ink);
    font-size: 14.1px;
    font-weight: 700;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field > label small {
    color: var(--reg-muted);
    font-size: 12.8px;
    font-weight: 500;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field .form-control,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field .field,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field select,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input[type="text"],
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input[type="email"],
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input[type="tel"],
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input[type="password"],
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field textarea {
    width: 100%;
    height: 52px;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid var(--reg-line) !important;
    border-radius: 14px !important;
    background-color: #fff !important;
    color: var(--reg-ink);
    font-size: 15.7px;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field textarea {
    height: auto;
    min-height: 110px;
    padding: 12px 16px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field select {
    padding-right: 40px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field .form-control:focus,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field .field:focus,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field select:focus,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input:focus,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field textarea:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.12) !important;
    outline: none;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field .is-invalid {
    border-color: var(--danger) !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.08) !important;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field--phone .iti {
    display: block;
    width: 100%;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field--phone .iti input[type="tel"] {
    padding-left: 52px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field--phone .iti--separate-dial-code input[type="tel"] {
    padding-left: 92px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field .field-help-text {
    display: block;
    margin-top: 6px;
    color: var(--reg-muted);
    font-size: 13.1px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg .linked-accounts,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel .providerLinkingFeedback {
    margin-bottom: 22px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__strength {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: var(--reg-soft);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__strength .password-strength-meter {
    flex: 1 1 auto;
    min-width: 0;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__strength .progress {
    height: 6px;
    margin: 0 0 6px;
    border-radius: 999px;
    background: #fff;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__strength .progress-bar {
    border-radius: 999px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__strength p {
    margin: 0;
    font-size: 12.8px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__generate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--reg-line);
    border-radius: 12px;
    background: #fff;
    color: var(--reg-ink);
    font-size: 13.6px;
    font-weight: 700;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__generate:hover,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__generate:focus {
    border-color: var(--primary);
    background: #fff;
    color: var(--reg-ink);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 22px 0 0;
    padding: 16px 18px;
    border: 1px solid var(--reg-line);
    border-radius: 16px;
    cursor: pointer;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__switch {
    position: relative;
    width: 44px;
    height: 26px;
    flex: 0 0 auto;
    margin-top: 2px;
    border-radius: 999px;
    background: var(--reg-line);
    transition: background-color 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__switch::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin input:checked + .idh-reg__switch {
    background: var(--primary);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin input:checked + .idh-reg__switch::after {
    transform: translateX(18px);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin input:focus-visible + .idh-reg__switch {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin-copy strong {
    color: var(--reg-ink);
    font-size: 15.2px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin-copy small {
    color: var(--reg-muted);
    font-size: 13.4px;
    line-height: 1.5;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__tos {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0 0;
    color: var(--reg-ink);
    font-size: 14.7px;
    cursor: pointer;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__tos input {
    position: static;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--reg-ink);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__tos a {
    color: var(--reg-ink);
    font-weight: 700;
    text-decoration: underline;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel .captcha-container,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel #default-captcha-domainchecker,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel .recaptcha-container {
    margin-top: 22px;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--reg-line);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__actions [hidden] {
    display: none !important;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: auto;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid var(--reg-line);
    border-radius: 14px;
    background: #fff;
    color: var(--reg-ink);
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__back:hover,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__back:focus-visible {
    border-color: var(--primary);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 180px;
    min-height: 52px;
    padding: 0 26px;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--gradient-primary) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 800;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next:hover,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next:focus-visible,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit:hover,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit:focus-visible {
    background: var(--gradient-primary-hover) !important;
    color: #fff !important;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next i,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit i {
    font-size: 13.6px;
    transition: transform 0.2s ease;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next:hover i {
    transform: translateX(3px);
}

body.whmcs-dashboard-body #registration.idh-reg:not(.idh-reg--steps) .idh-reg__back,
body.whmcs-dashboard-body #registration.idh-reg:not(.idh-reg--steps) .idh-reg__next {
    display: none;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__aside {
        position: static;
        gap: 20px;
        padding: 22px;
        border-radius: 24px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__steps {
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        gap: 8px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step:not(:last-child)::after {
        left: calc(50% + 26px);
        right: calc(-50% + 26px);
        top: 29px;
        bottom: auto;
        width: auto;
        height: 2px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step button {
        flex-direction: column;
        gap: 8px;
        padding: 8px 4px;
        text-align: center;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-active button {
        background: transparent;
        box-shadow: none;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-copy small {
        display: none;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-copy strong {
        font-size: 12.8px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__login {
        padding-top: 16px;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__intro p,
    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__eyebrow {
        display: none;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__intro h1 {
        margin: 0;
        font-size: 24px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__aside {
        order: 0;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__login {
        display: none;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step-copy strong {
        display: none;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-active .idh-reg__step-copy strong {
        display: block;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__form {
        padding: 22px 18px 20px;
        border-radius: 22px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-head h2 {
        font-size: 20px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__strength {
        flex-direction: column;
        align-items: stretch;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__actions {
        gap: 10px;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next,
    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit,
    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit.btn-primary {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.whmcs-dashboard-body #registration.idh-reg .idh-reg__back span {
        display: none;
    }
}

/* idhosting palette: semantic states on top of the brand colours */
body.whmcs-dashboard-body[data-theme] .btn-success,
body.whmcs-dashboard-body[data-theme] .badge-success,
body.whmcs-dashboard-body[data-theme] .label-success {
    background: var(--success) !important;
    border-color: var(--success) !important;
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme] .btn-success:hover,
body.whmcs-dashboard-body[data-theme] .btn-success:focus,
body.whmcs-dashboard-body[data-theme] .btn-success:active {
    background: #349a5b !important;
    border-color: #349a5b !important;
}

body.whmcs-dashboard-body[data-theme] .btn-danger,
body.whmcs-dashboard-body[data-theme] .badge-danger,
body.whmcs-dashboard-body[data-theme] .label-danger,
body.whmcs-dashboard-body[data-theme="hostina"] .view-ticket .ticket-actions .btn-danger {
    background: var(--danger) !important;
    border-color: var(--danger) !important;
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme] .btn-danger:hover,
body.whmcs-dashboard-body[data-theme] .btn-danger:focus,
body.whmcs-dashboard-body[data-theme] .btn-danger:active {
    background: #cf3c41 !important;
    border-color: #cf3c41 !important;
}

body.whmcs-dashboard-body[data-theme] .btn-warning,
body.whmcs-dashboard-body[data-theme] .badge-warning,
body.whmcs-dashboard-body[data-theme] .label-warning {
    background: var(--warning) !important;
    border-color: var(--warning) !important;
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme] .btn-warning:hover,
body.whmcs-dashboard-body[data-theme] .btn-warning:focus,
body.whmcs-dashboard-body[data-theme] .btn-warning:active {
    background: #bf7710 !important;
    border-color: #bf7710 !important;
}

body.whmcs-dashboard-body[data-theme] .alert-success,
body.whmcs-dashboard-body[data-theme] .bg-success {
    background: var(--success-bg) !important;
    border-color: var(--success-border) !important;
    color: #1f7a45 !important;
}

body.whmcs-dashboard-body[data-theme] .alert-info,
body.whmcs-dashboard-body[data-theme] .bg-info {
    background: var(--brand-soft-1) !important;
    border-color: var(--brand-border) !important;
    color: var(--brand-primary-active) !important;
}

body.whmcs-dashboard-body[data-theme] .alert-warning,
body.whmcs-dashboard-body[data-theme] .bg-warning,
body.whmcs-dashboard-body[data-theme="hostina"] .status-pill.warning,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-overview-alert--warning {
    background: var(--warning-bg) !important;
    border-color: var(--warning-border) !important;
    color: #9a5d06 !important;
}

body.whmcs-dashboard-body[data-theme] .alert-danger,
body.whmcs-dashboard-body[data-theme] .alert-error,
body.whmcs-dashboard-body[data-theme] .bg-danger,
body.whmcs-dashboard-body[data-theme="hostina"] .status-pill.danger,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-overview-alert--danger,
body.whmcs-dashboard-body[data-theme="hostina"] .product-overview-card__cancel-btn {
    background: var(--danger-bg) !important;
    border-color: var(--danger-border) !important;
    color: #b4282d !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-dropdown__icon.logout,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-logout:hover,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-user-logout:focus-visible {
    background: var(--danger-bg) !important;
    color: var(--danger) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] #alertOverdueInvoice .btn,
body.whmcs-dashboard-body[data-theme="hostina"] #alertUnpaidInvoice .btn,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__action .btn,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__action button,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__action input[type="submit"] {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__icon,
body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__copy strong {
    color: var(--primary) !important;
}

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-inline-alert__icon {
    background: var(--brand-soft-1) !important;
}

/* Client area list pages (invoices, tickets) */
body.whmcs-dashboard-body .idh-list {
    display: grid;
    gap: 20px;
    font-family: var(--font-body);
}

body.whmcs-dashboard-body .idh-list .idh-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .idh-list .idh-list__heading {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-list .idh-list__heading-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--primary);
    color: #fff;
    font-size: 20px;
}

body.whmcs-dashboard-body .idh-list .idh-list__heading h1 {
    margin: 0 0 2px;
    color: var(--text-main);
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .idh-list .idh-list__heading p {
    margin: 0;
    color: var(--text-muted);
    font-size: 15px;
}

body.whmcs-dashboard-body .idh-list .idh-list__header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.whmcs-dashboard-body .idh-list .idh-list__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

body.whmcs-dashboard-body .idh-list .idh-list__button--primary {
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #fff !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__button--primary:hover,
body.whmcs-dashboard-body .idh-list .idh-list__button--primary:focus-visible {
    border-color: var(--primary-hover);
    background: var(--primary-hover);
}

body.whmcs-dashboard-body .idh-list .idh-list__button--ghost {
    border: 1px solid var(--border);
    background: #fff;
    color: var(--text-main) !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__button--ghost:hover,
body.whmcs-dashboard-body .idh-list .idh-list__button--ghost:focus-visible {
    border-color: var(--primary);
    color: var(--primary) !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body.whmcs-dashboard-body .idh-list .idh-list__stat {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: #fff;
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 18px;
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-icon--total {
    background: var(--brand-soft-1);
    color: var(--primary);
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-icon--due {
    background: var(--warning-bg);
    color: var(--warning);
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-icon--paid {
    background: var(--success-bg);
    color: var(--success);
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-label {
    display: block;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-value {
    display: block;
    margin-top: 2px;
    color: var(--text-main);
    font-family: var(--font-heading);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-note {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-list .idh-list__stat-note.is-danger {
    color: var(--danger);
}

body.whmcs-dashboard-body .idh-list .idh-list__panel {
    padding: 22px 24px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: #fff;
}

body.whmcs-dashboard-body .idh-list .idh-list__toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

body.whmcs-dashboard-body .idh-list .idh-list__search,
body.whmcs-dashboard-body .idh-list .idh-list__filter {
    position: relative;
    margin: 0;
}

body.whmcs-dashboard-body .idh-list .idh-list__search {
    flex: 1 1 auto;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-list .idh-list__filter {
    flex: 0 0 200px;
}

body.whmcs-dashboard-body .idh-list .idh-list__search i {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: var(--text-soft);
    font-size: 14px;
    pointer-events: none;
}

body.whmcs-dashboard-body .idh-list .idh-list__toolbar .form-control {
    width: 100%;
    height: 46px;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    background-color: #fff !important;
    color: var(--text-main);
    font-size: 15px;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__search .form-control {
    padding: 0 16px 0 44px;
}

body.whmcs-dashboard-body .idh-list .idh-list__filter .form-control {
    padding: 0 36px 0 14px;
}

body.whmcs-dashboard-body .idh-list .idh-list__toolbar .form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.12) !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__export {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    height: 46px;
    padding: 0 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fff;
    color: var(--text-main);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

body.whmcs-dashboard-body .idh-list .idh-list__export:hover,
body.whmcs-dashboard-body .idh-list .idh-list__export:focus-visible {
    border-color: var(--primary);
    color: var(--primary);
}

body.whmcs-dashboard-body .idh-list .idh-list__table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
}

body.whmcs-dashboard-body .idh-list .idh-list__table thead th {
    padding: 12px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    background: var(--surface-soft) !important;
    color: var(--text-muted) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.whmcs-dashboard-body .idh-list .idh-list__table thead th:first-child {
    border-radius: 12px 0 0 12px;
}

body.whmcs-dashboard-body .idh-list .idh-list__table thead th:last-child {
    border-radius: 0 12px 12px 0;
}

body.whmcs-dashboard-body .idh-list .idh-list__table thead th.sorting,
body.whmcs-dashboard-body .idh-list .idh-list__table thead th.sorting_asc,
body.whmcs-dashboard-body .idh-list .idh-list__table thead th.sorting_desc {
    padding-right: 30px !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__table thead th::before,
body.whmcs-dashboard-body .idh-list .idh-list__table thead th::after {
    opacity: 0.35 !important;
    font-size: 11px !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__table thead th.sorting_asc::before,
body.whmcs-dashboard-body .idh-list .idh-list__table thead th.sorting_desc::after {
    opacity: 1 !important;
    color: var(--primary);
}

body.whmcs-dashboard-body .idh-list .idh-list__table tbody td {
    padding: 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-soft) !important;
    background: #fff !important;
    color: var(--text-secondary);
    font-size: 15px;
    vertical-align: middle !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__table tbody tr {
    cursor: pointer;
}

body.whmcs-dashboard-body .idh-list .idh-list__table tbody tr:hover td {
    background: var(--surface-soft) !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__table tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__number {
    color: var(--text-main);
    font-size: 15px !important;
    font-weight: 800;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .dashboard-table-money {
    color: var(--text-main);
    font-size: 15px !important;
    font-weight: 800;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .status-pill {
    padding: 5px 10px;
    font-size: 13px !important;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-list .idh-list__date {
    font-size: 15px !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .status-pill.success {
    background: var(--success-bg);
    color: #1f7a45;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .status-pill.warning {
    background: var(--warning-bg);
    color: #9a5d06;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .status-pill.danger {
    background: var(--danger-bg);
    color: #b4282d;
}

body.whmcs-dashboard-body .idh-list .idh-list__row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

body.whmcs-dashboard-body .idh-list .idh-list__pay {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-right: 4px;
    padding: 0 12px;
    border-radius: 10px;
    background: var(--primary);
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

body.whmcs-dashboard-body .idh-list .idh-list__pay:hover,
body.whmcs-dashboard-body .idh-list .idh-list__pay:focus-visible {
    background: var(--primary-hover);
}

body.whmcs-dashboard-body .idh-list .idh-list__row-action {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #fff;
    color: var(--text-muted) !important;
    font-size: 14px;
    text-decoration: none !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__row-action:hover,
body.whmcs-dashboard-body .idh-list .idh-list__row-action:focus-visible {
    border-color: var(--primary);
    color: var(--primary) !important;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .listtable {
    order: 0;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .listtable .dataTables_filter {
    display: none !important;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .listtable .dataTables_info {
    order: 2;
    margin: 16px 0 0;
    padding: 0 !important;
    color: var(--text-muted);
    font-size: 14px !important;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .dataTables_length {
    order: 1;
    margin: 16px auto 0 0 !important;
    color: var(--text-muted);
    font-size: 14px !important;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .dataTables_paginate {
    order: 2;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .dataTables_paginate .pagination {
    gap: 6px;
    margin: 0;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .dataTables_paginate .page-link {
    min-width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--text-main) !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
    border-color: var(--primary) !important;
    background: var(--primary) !important;
    color: #fff !important;
}

body.whmcs-dashboard-body .idh-list .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
    opacity: 0.45;
}

body.whmcs-dashboard-body .idh-list .idh-list__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 20px;
    text-align: center;
}

body.whmcs-dashboard-body .idh-list .idh-list__empty-icon {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 22px;
    background: var(--brand-soft-1);
    color: var(--primary);
    font-size: 28px;
}

body.whmcs-dashboard-body .idh-list .idh-list__empty h2 {
    margin: 0 0 6px;
    color: var(--text-main);
    font-family: var(--font-heading);
    font-size: 22px;
    font-weight: 800;
}

body.whmcs-dashboard-body .idh-list .idh-list__empty p {
    max-width: 40ch;
    margin: 0 0 22px;
    color: var(--text-muted);
    font-size: 15px;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .idh-list__col-wide {
    width: 42%;
}

body.whmcs-dashboard-body .idh-list .idh-list__table .status-pill.primary {
    background: var(--brand-soft-1);
    color: var(--primary);
}

body.whmcs-dashboard-body .idh-list .idh-list__table .status-pill.muted {
    background: var(--surface-soft);
    color: var(--text-muted);
}

body.whmcs-dashboard-body .idh-list .idh-list__ticket {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    color: var(--text-main) !important;
    text-decoration: none !important;
}

body.whmcs-dashboard-body .idh-list .idh-list__ticket-number {
    color: var(--text-muted);
    font-size: 14px !important;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-list .idh-list__ticket-subject {
    color: var(--text-main);
    font-size: 15px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-list .idh-list__ticket.is-unread .idh-list__ticket-subject {
    font-weight: 800;
}

body.whmcs-dashboard-body .idh-list .idh-list__ticket:hover .idh-list__ticket-subject {
    color: var(--primary);
}

body.whmcs-dashboard-body .idh-list .idh-list__ticket-new {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--primary);
    color: #fff;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 0.02em;
}

body.whmcs-dashboard-body .idh-list .idh-list__muted {
    color: var(--text-secondary);
    font-size: 15px !important;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .idh-list .idh-list__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__stat {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 16px;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .idh-list .idh-list__header-actions,
    body.whmcs-dashboard-body .idh-list .idh-list__header-actions .idh-list__button {
        flex: 1 1 auto;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__stat {
        padding: 14px 12px;
        border-radius: 16px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__stat-icon {
        display: none;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__stat-label {
        font-size: 12px;
        line-height: 1.3;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__stat-value {
        font-size: 24px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__heading h1 {
        font-size: 24px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__heading-icon {
        width: 44px;
        height: 44px;
        font-size: 17px;
    }

    body.whmcs-dashboard-body .idh-list .table-container,
    body.whmcs-dashboard-body .idh-list .dataTables_wrapper {
        max-width: 100%;
    }

    body.whmcs-dashboard-body .idh-list .dataTables_wrapper .listtable {
        max-width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__table {
        min-width: 640px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__panel {
        padding: 16px;
        border-radius: 20px;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__toolbar {
        flex-wrap: wrap;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__search {
        flex: 1 1 100%;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__filter {
        flex: 1 1 auto;
    }

    body.whmcs-dashboard-body .idh-list .idh-list__export span {
        display: none;
    }
}

/* ==========================================================================
   idhosting auth pages: login, password reset, register
   Light design matched to idhosting.dk (primary #3160f6, accent #0580fc,
   Urbanist headings, pill buttons). Root font-size is 10px (1rem = 10px).
   ========================================================================== */

body.whmcs-dashboard-body {
    --idh-ink: #0b1120;
    --idh-muted: #5b6474;
    --idh-soft: #64748b;
    --idh-line: #dfe5ee;
    --idh-page: #f6f9fc;
    --idh-blue: #3160f6;
    --idh-blue-dark: #2449d8;
    --idh-accent: #0580fc;
    --idh-navy: #0b0c1b;
    --idh-green: #16a34a;
    --idh-font-display: "Urbanist", "Plus Jakarta Sans", sans-serif;
}

body.whmcs-dashboard-body.is-auth-page {
    background: #fff;
    color: var(--idh-ink);
}

/* Shared buttons ---------------------------------------------------------- */

body.whmcs-dashboard-body .idh-btn,
body.whmcs-dashboard-body .auth-form .btn.idh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    min-height: 5.4rem;
    padding: 0.5rem 0.5rem 0.5rem 2.4rem;
    border: 0;
    border-radius: 999px;
    font-family: var(--font-body);
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: 0.005em;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

body.whmcs-dashboard-body .idh-btn--block {
    width: 100%;
}

body.whmcs-dashboard-body .idh-btn--primary,
body.whmcs-dashboard-body .auth-form .btn.idh-btn--primary {
    color: #fff;
    background: var(--idh-blue);
    box-shadow: 0 14px 30px -14px rgba(49, 96, 246, 0.75);
}

body.whmcs-dashboard-body .idh-btn--primary:hover,
body.whmcs-dashboard-body .auth-form .btn.idh-btn--primary:hover,
body.whmcs-dashboard-body .idh-btn--primary:focus-visible {
    color: #fff;
    background: var(--idh-blue-dark);
    transform: translateY(-1px);
    box-shadow: 0 18px 34px -14px rgba(49, 96, 246, 0.85);
}

body.whmcs-dashboard-body .idh-btn--ghost {
    color: var(--idh-ink);
    background: #fff;
    border: 1px solid var(--idh-line);
    padding-inline: 2.4rem;
}

body.whmcs-dashboard-body .idh-btn--ghost:hover {
    color: var(--idh-blue);
    border-color: rgba(49, 96, 246, 0.4);
}

body.whmcs-dashboard-body .idh-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    margin-left: auto;
    border-radius: 999px;
    color: var(--idh-blue);
    background: #fff;
    font-size: 1.3rem;
    transition: transform 0.18s ease;
}

body.whmcs-dashboard-body .idh-btn--primary:hover .idh-btn__icon {
    transform: translateX(2px);
}

body.whmcs-dashboard-body .idh-btn--block .idh-btn__icon {
    margin-left: auto;
}

body.whmcs-dashboard-body .idh-btn--block > span:first-child {
    margin-left: auto;
    padding-left: 4.4rem;
}

/* Shared fields ----------------------------------------------------------- */

body.whmcs-dashboard-body .idh-field {
    margin-bottom: 2rem;
}

body.whmcs-dashboard-body .idh-field__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1.2rem;
}

body.whmcs-dashboard-body .idh-field__label,
body.whmcs-dashboard-body .form-group label.idh-field__label {
    display: block;
    margin-bottom: 0.7rem;
    color: var(--idh-ink);
    font-size: 1.35rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-field__link {
    color: var(--idh-blue);
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-field__link:hover {
    text-decoration: underline;
}

body.whmcs-dashboard-body .idh-input {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--idh-line);
    border-radius: 1.2rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.whmcs-dashboard-body .idh-input:hover {
    border-color: #c5cfdd;
}

body.whmcs-dashboard-body .idh-input:focus-within {
    border-color: var(--idh-blue);
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.14);
}

body.whmcs-dashboard-body .idh-input .input-group-append {
    display: flex;
}

body.whmcs-dashboard-body .idh-input .form-control,
body.whmcs-dashboard-body .idh-input .btn {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    height: auto;
}

body.whmcs-dashboard-body .idh-input .form-control {
    flex: 1 1 auto;
    min-height: 5.2rem;
    padding: 0 1.6rem;
    color: var(--idh-ink);
    font-size: 1.5rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .idh-input .form-control::placeholder {
    color: #9aa3b2;
    font-weight: 400;
}

body.whmcs-dashboard-body .idh-input .form-control:focus {
    outline: none;
    box-shadow: none;
}

body.whmcs-dashboard-body .idh-input__reveal {
    padding: 0 1.6rem;
    color: var(--idh-soft);
    font-size: 1.3rem;
    cursor: pointer;
}

body.whmcs-dashboard-body .idh-input__reveal:hover {
    color: var(--idh-blue);
}

body.whmcs-dashboard-body .idh-check {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin: 0.2rem 0 2.4rem;
    color: var(--idh-muted);
    font-size: 1.4rem;
    cursor: pointer;
    user-select: none;
}

body.whmcs-dashboard-body .idh-check .form-check-input {
    position: static;
    margin: 0;
    width: 1.8rem;
    height: 1.8rem;
    accent-color: var(--idh-blue);
    flex-shrink: 0;
}

body.whmcs-dashboard-body .idh-captcha {
    margin-bottom: 1.6rem;
}

body.whmcs-dashboard-body .idh-note {
    display: flex;
    gap: 1.4rem;
    margin-top: 2.8rem;
    padding: 1.6rem 1.8rem;
    border-radius: 1.6rem;
    background: var(--idh-page);
    border: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-note--success {
    background: rgba(22, 163, 74, 0.07);
    border-color: rgba(22, 163, 74, 0.25);
    margin-top: 0;
    margin-bottom: 2.4rem;
}

body.whmcs-dashboard-body .idh-note__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.1rem;
    color: var(--idh-blue);
    background: #fff;
    border: 1px solid var(--idh-line);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-note--success .idh-note__icon {
    color: var(--idh-green);
}

body.whmcs-dashboard-body .idh-note strong {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--idh-ink);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-note p {
    margin: 0;
    color: var(--idh-muted);
    font-size: 1.3rem;
    line-height: 1.6;
}

body.whmcs-dashboard-body .idh-strength .progress {
    height: 0.8rem;
    border-radius: 999px;
    background: var(--idh-line);
    margin-bottom: 0.6rem;
}

/* Split layout (login + reset) ------------------------------------------- */

body.whmcs-dashboard-body[data-page-template="login"] .dashboard-focus-topbar,
body.whmcs-dashboard-body[data-page-template="password-reset-container"] .dashboard-focus-topbar {
    display: none;
}

body.whmcs-dashboard-body[data-page-template="login"] .dashboard-main--focus,
body.whmcs-dashboard-body[data-page-template="password-reset-container"] .dashboard-main--focus {
    min-height: 100vh;
}

body.whmcs-dashboard-body[data-page-template="login"] .dashboard-page,
body.whmcs-dashboard-body[data-page-template="password-reset-container"] .dashboard-page {
    padding: 0;
}

body.whmcs-dashboard-body[data-page-template="login"] .dashboard-page__inner,
body.whmcs-dashboard-body[data-page-template="password-reset-container"] .dashboard-page__inner {
    max-width: none;
    padding: 0;
    margin: 0;
}

body.whmcs-dashboard-body .idh-auth {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 100vh;
    width: 100%;
}

body.whmcs-dashboard-body .idh-auth__form-side {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 4rem clamp(3.2rem, 7vw, 9.6rem) 3.2rem;
    background: #fff;
    color: var(--idh-ink);
}

body.whmcs-dashboard-body .idh-auth__logo {
    display: inline-flex;
    align-self: flex-start;
}

body.whmcs-dashboard-body .idh-auth__logo img {
    display: block;
    height: 4.4rem;
    width: auto;
}

body.whmcs-dashboard-body .idh-auth__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 72rem;
    padding: 5.6rem 0 4.8rem;
}

body.whmcs-dashboard-body .idh-auth__body .idh-auth__form.auth-form {
    display: block;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .idh-auth__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    color: var(--idh-blue);
    background: rgba(49, 96, 246, 0.08);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .idh-auth__eyebrow::before {
    content: "";
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    background: var(--idh-blue);
}

body.whmcs-dashboard-body .idh-auth__title {
    margin: 0 0 1.2rem;
    color: var(--idh-ink);
    font-family: var(--idh-font-display);
    font-size: clamp(3.8rem, 4vw, 5.2rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.02;
}

body.whmcs-dashboard-body .idh-auth__lead {
    margin: 0 0 3.2rem;
    color: var(--idh-muted);
    font-size: 1.5rem;
    line-height: 1.65;
    max-width: 48ch;
}

body.whmcs-dashboard-body .idh-auth__form .alert {
    border-radius: 1.2rem;
    font-size: 1.4rem;
    margin-bottom: 2rem;
}

body.whmcs-dashboard-body .idh-auth__alt {
    margin: 2.4rem 0 0;
    text-align: center;
    color: var(--idh-muted);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-auth__alt a {
    color: var(--idh-blue);
    font-weight: 700;
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-auth__alt a:hover {
    text-decoration: underline;
}

body.whmcs-dashboard-body .idh-auth__social:empty {
    display: none;
}

body.whmcs-dashboard-body .idh-auth__social .providerPreLinking {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    border-top: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-auth__social .social-signin-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

body.whmcs-dashboard-body .idh-auth__foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    color: var(--idh-soft);
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .idh-auth__foot a {
    color: var(--idh-muted);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-auth__foot a:hover {
    color: var(--idh-blue);
}

/* Promo side */

body.whmcs-dashboard-body .idh-auth__promo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 6.4rem clamp(3.2rem, 6vw, 8rem);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(80rem 60rem at 0% 0%, rgba(173, 205, 255, 0.55) 0%, rgba(49, 96, 246, 0) 55%),
        radial-gradient(60rem 50rem at 100% 100%, rgba(11, 12, 27, 0.75) 0%, rgba(11, 12, 27, 0) 60%),
        linear-gradient(155deg, #4b7bff 0%, #3160f6 40%, #1e46d9 72%, #0c1f66 100%);
}

body.whmcs-dashboard-body .idh-auth__promo::after {
    content: "";
    position: absolute;
    width: 46rem;
    height: 46rem;
    right: -14rem;
    top: -14rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.14), transparent 60%);
    pointer-events: none;
}

body.whmcs-dashboard-body .idh-auth__promo-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 44rem;
}

body.whmcs-dashboard-body .idh-scene {
    position: relative;
    height: 36rem;
    margin-bottom: 3.6rem;
}

body.whmcs-dashboard-body .idh-scene__card {
    position: absolute;
    border-radius: 2rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 30px 60px -24px rgba(5, 12, 40, 0.6);
}

body.whmcs-dashboard-body .idh-scene__card--main {
    left: 0;
    top: 2.4rem;
    width: 24rem;
    padding: 2rem;
    color: #fff;
    background: linear-gradient(180deg, #141a3a 0%, var(--idh-navy) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.whmcs-dashboard-body .idh-scene__card--list {
    right: 0;
    bottom: 0;
    width: 22rem;
    padding: 1.6rem 1.8rem 1.4rem;
    color: var(--idh-ink);
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.9);
}

body.whmcs-dashboard-body .idh-scene__card-head {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

body.whmcs-dashboard-body .idh-scene__card-head--light {
    color: var(--idh-muted);
}

body.whmcs-dashboard-body .idh-scene__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    font-size: 1.2rem;
    color: #fff;
    background: linear-gradient(135deg, var(--idh-blue), var(--idh-accent));
}

body.whmcs-dashboard-body .idh-scene__mark--light {
    color: var(--idh-blue);
    background: rgba(49, 96, 246, 0.1);
}

body.whmcs-dashboard-body .idh-scene__metric {
    margin-top: 1.8rem;
}

body.whmcs-dashboard-body .idh-scene__metric strong {
    display: block;
    font-family: var(--idh-font-display);
    font-size: 3.4rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #fff;
}

body.whmcs-dashboard-body .idh-scene__metric strong small {
    font-size: 1.8rem;
    font-weight: 700;
    color: #7dd3fc;
    margin-left: 0.2rem;
}

body.whmcs-dashboard-body .idh-scene__metric span {
    display: block;
    margin-top: 0.5rem;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.6);
}

body.whmcs-dashboard-body .idh-scene__bars {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    height: 5.6rem;
    margin-top: 1.8rem;
}

body.whmcs-dashboard-body .idh-scene__bars span {
    flex: 1 1 0;
    border-radius: 0.4rem 0.4rem 0.2rem 0.2rem;
    background: linear-gradient(180deg, #7dd3fc 0%, var(--idh-blue) 100%);
    opacity: 0.85;
}

body.whmcs-dashboard-body .idh-scene__bars span:last-child {
    opacity: 1;
    box-shadow: 0 0 18px rgba(125, 211, 252, 0.6);
}

body.whmcs-dashboard-body .idh-scene__pills {
    display: flex;
    gap: 0.6rem;
    margin-top: 1.8rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .idh-scene__pills span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

body.whmcs-dashboard-body .idh-scene__pills i {
    color: #7dd3fc;
    font-size: 1rem;
}

body.whmcs-dashboard-body .idh-scene__card--list ul {
    list-style: none;
    margin: 1.2rem 0 0;
    padding: 0;
}

body.whmcs-dashboard-body .idh-scene__card--list li {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 0;
    border-top: 1px solid rgba(11, 17, 32, 0.06);
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--idh-ink);
}

body.whmcs-dashboard-body .idh-scene__card--list li:first-child {
    border-top: 0;
}

body.whmcs-dashboard-body .idh-scene__card--list li em {
    margin-left: auto;
    font-style: normal;
    font-size: 1.05rem;
    font-weight: 700;
    color: #15803d;
    background: rgba(34, 197, 94, 0.12);
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
}

body.whmcs-dashboard-body .idh-scene__dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.18);
    flex-shrink: 0;
}

body.whmcs-dashboard-body .idh-scene__dot--soft {
    background: var(--idh-blue);
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.18);
}

body.whmcs-dashboard-body .idh-scene__toast {
    position: absolute;
    right: -1.2rem;
    top: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.4rem 1rem 1rem;
    border-radius: 1.4rem;
    color: #fff;
    background: rgba(11, 12, 27, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 20px 40px -20px rgba(5, 12, 40, 0.8);
}

body.whmcs-dashboard-body .idh-scene__toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 999px;
    font-size: 1.1rem;
    color: var(--idh-navy);
    background: #29f291;
}

body.whmcs-dashboard-body .idh-scene__toast strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-scene__toast small {
    display: block;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.6);
}

body.whmcs-dashboard-body .idh-auth__promo-copy h2 {
    margin: 0 0 1.6rem;
    color: #fff;
    font-family: var(--idh-font-display);
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.whmcs-dashboard-body .idh-auth__promo-copy h2 strong {
    font-weight: 800;
}

body.whmcs-dashboard-body .idh-auth__promo-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.9rem;
}

body.whmcs-dashboard-body .idh-auth__promo-list li {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.4rem;
    line-height: 1.55;
}

body.whmcs-dashboard-body .idh-auth__promo-list i {
    flex: 0 0 auto;
    margin-top: 0.25rem;
    color: #29f291;
    font-size: 1.4rem;
}

/* Focus topbar (register + other auth pages) ----------------------------- */

body.whmcs-dashboard-body.is-auth-page .dashboard-focus-topbar {
    padding: 2rem clamp(1.6rem, 4vw, 4rem) 0;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link {
    min-height: 4.4rem;
    padding: 0 1.8rem;
    border: 1px solid var(--idh-line);
    border-radius: 999px;
    background: #fff;
    color: var(--idh-ink);
    font-size: 1.4rem;
    font-weight: 600;
    gap: 1rem;
    transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link:hover {
    border-color: rgba(49, 96, 246, 0.4);
    color: var(--idh-blue);
}

body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link--primary {
    padding: 0 0.4rem 0 1.8rem;
    border-color: var(--idh-blue);
    background: var(--idh-blue);
    color: #fff;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link--primary:hover {
    background: var(--idh-blue-dark);
    border-color: var(--idh-blue-dark);
    color: #fff;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-focus-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 999px;
    background: #fff;
    color: var(--idh-blue);
    font-size: 1.1rem;
}

/* Register page ----------------------------------------------------------- */

body.whmcs-dashboard-body[data-page-template="clientregister"] {
    background: #fff;
}

body.whmcs-dashboard-body[data-page-template="clientregister"] .dashboard-page {
    padding: 2.4rem clamp(1.6rem, 4vw, 4rem) 4.8rem;
}

body.whmcs-dashboard-body #registration.idh-reg {
    --reg-ink: var(--idh-ink);
    --reg-muted: var(--idh-muted);
    --reg-line: var(--idh-line);
    --reg-soft: var(--idh-page);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__aside {
    border-radius: 2.4rem;
    border-color: var(--idh-line);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__eyebrow {
    color: var(--idh-blue);
    background: rgba(49, 96, 246, 0.08);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__eyebrow i {
    color: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__intro h1 {
    font-family: var(--idh-font-display);
    font-weight: 800;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-active .idh-reg__step-marker {
    border-color: var(--idh-blue);
    color: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-done .idh-reg__step-marker,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__step.is-done:not(:last-child)::after {
    border-color: var(--idh-blue);
    background: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__login a {
    color: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__form {
    border-radius: 2.4rem;
    border: 1px solid var(--idh-line);
    box-shadow: 0 24px 60px -40px rgba(11, 17, 32, 0.25);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__progress-bar span {
    background: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-icon {
    background: var(--idh-blue);
    color: #fff;
    border-radius: 1.4rem;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__panel-head h2 {
    font-family: var(--idh-font-display);
    font-weight: 800;
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field select,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field textarea {
    border-radius: 1.2rem;
    border-color: var(--idh-line);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field input:focus,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field select:focus,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__field textarea:focus {
    border-color: var(--idh-blue);
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.14);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    min-height: 5.2rem;
    padding: 0 2.6rem;
    border: 0;
    border-radius: 999px !important;
    color: #fff;
    background: var(--idh-blue);
    font-size: 1.5rem;
    font-weight: 600;
    box-shadow: 0 14px 30px -14px rgba(49, 96, 246, 0.75);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__next:hover,
body.whmcs-dashboard-body #registration.idh-reg .idh-reg__submit.btn-primary:hover {
    color: #fff;
    background: var(--idh-blue-dark);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__back {
    border-radius: 999px;
    color: var(--idh-muted);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__back:hover {
    color: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__generate {
    border-radius: 999px;
    border-color: var(--idh-line);
    color: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__optin input:checked + .idh-reg__switch {
    background: var(--idh-blue);
}

body.whmcs-dashboard-body #registration.idh-reg .idh-reg__tos a {
    color: var(--idh-blue);
}

/* Responsive ------------------------------------------------------------- */

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .idh-auth {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    }

    body.whmcs-dashboard-body .idh-auth__promo-inner {
        max-width: 38rem;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .idh-auth {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .idh-auth__promo {
        display: none;
    }

    body.whmcs-dashboard-body .idh-auth__form-side {
        padding: 3.2rem 2.4rem 2.4rem;
    }

    body.whmcs-dashboard-body .idh-auth__body {
        max-width: 56rem;
        padding: 4.8rem 0 3.2rem;
    }
}

@media (max-width: 575.98px) {
    body.whmcs-dashboard-body .idh-auth__form-side {
        padding: 2.4rem 2rem 2rem;
    }

    body.whmcs-dashboard-body .idh-auth__body {
        padding: 3.6rem 0 2.8rem;
    }

    body.whmcs-dashboard-body .idh-auth__title {
        font-size: 3.4rem;
    }

    body.whmcs-dashboard-body .idh-auth__lead {
        font-size: 1.4rem;
        margin-bottom: 2.4rem;
    }

    body.whmcs-dashboard-body .idh-auth__foot {
        gap: 1.2rem;
    }

    body.whmcs-dashboard-body .idh-field__row {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) and (max-height: 760px) {
    body.whmcs-dashboard-body .idh-auth__form-side {
        padding-top: 3.2rem;
    }

    body.whmcs-dashboard-body .idh-auth__body {
        padding: 3.2rem 0;
    }

    body.whmcs-dashboard-body .idh-scene {
        height: 32rem;
        margin-bottom: 2.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.whmcs-dashboard-body .idh-btn,
    body.whmcs-dashboard-body .idh-btn__icon,
    body.whmcs-dashboard-body .idh-input {
        transition: none;
    }
}

/* ==========================================================================
   Client area shell + dashboard home (clientareahome.tpl)
   Clean, light, wide. Root font-size is 10px (1rem = 10px).
   ========================================================================== */

body.whmcs-dashboard-body:not(.is-auth-page):not(.is-order-focus-page):not(.is-contact-page):not(.is-public-page) {
    position: relative;
    background: #f4f6fb;
}

body.whmcs-dashboard-body .dashboard-main {
    position: relative;
    z-index: 1;
}

body.whmcs-dashboard-body .dashboard-main,
body.whmcs-dashboard-body .dashboard-page,
body.whmcs-dashboard-body .dashboard-page__inner {
    background: transparent;
}

body.whmcs-dashboard-body .dashboard-topbar {
    background: rgba(244, 246, 251, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(11, 17, 32, 0.06);
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-cta-btn,
body.whmcs-dashboard-body .btn.dashboard-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 4.4rem;
    padding: 0 0.6rem 0 1.8rem;
    border: 0;
    border-radius: 999px;
    background: var(--idh-blue);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    box-shadow: 0 10px 24px -14px rgba(49, 96, 246, 0.8);
}

body.whmcs-dashboard-body .dashboard-cta-btn svg {
    width: 3.2rem;
    height: 3.2rem;
    padding: 0.8rem;
    border-radius: 999px;
    background: #fff;
    stroke: var(--idh-blue);
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    order: 2;
}

body.whmcs-dashboard-body .dashboard-cta-btn:hover {
    background: var(--idh-blue-dark);
    color: #fff;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-cta-btn,
    body.whmcs-dashboard-body .btn.dashboard-cta-btn {
        display: none;
    }
}

body.whmcs-dashboard-body .dashboard-sidebar {
    background: #0b0c1b;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.04);
}

body.whmcs-dashboard-body .dashboard-nav__link.active,
body.whmcs-dashboard-body .dashboard-nav__link.active:hover {
    background: rgba(49, 96, 246, 0.22);
    box-shadow: inset 3px 0 0 var(--idh-accent);
    color: #fff;
}

body.whmcs-dashboard-body .dashboard-nav__link:hover {
    background: rgba(255, 255, 255, 0.06);
}

body.whmcs-dashboard-body .dashboard-nav__sublink.active {
    color: #fff;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-user-card__avatar {
    background: var(--idh-blue);
    color: #fff;
}

body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page {
    padding: 2.8rem clamp(1.6rem, 3vw, 4rem) 5.6rem;
}

body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner {
    max-width: 1480px;
    display: grid;
    gap: 2.4rem;
}

/* Entrance animation, staggered per section */

body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > * {
    animation: idhRise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > *:nth-child(2) { animation-delay: 0.06s; }
body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > *:nth-child(3) { animation-delay: 0.12s; }
body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > *:nth-child(4) { animation-delay: 0.18s; }
body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > *:nth-child(5) { animation-delay: 0.24s; }
body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > *:nth-child(6) { animation-delay: 0.30s; }
body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > *:nth-child(7) { animation-delay: 0.36s; }

@keyframes idhRise {
    from { opacity: 0; transform: translate3d(0, 14px, 0); }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* Shared pieces ----------------------------------------------------------- */

body.whmcs-dashboard-body .idh-panel {
    padding: 2.8rem 3.2rem;
    border-radius: 1.6rem;
    background: #fff;
    border: 1px solid rgba(11, 17, 32, 0.07);
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.03), 0 12px 32px -24px rgba(11, 17, 32, 0.18);
}

body.whmcs-dashboard-body .idh-panel__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: 2.2rem;
}

body.whmcs-dashboard-body .idh-panel__title {
    margin: 0 0 0.3rem;
    color: var(--idh-ink);
    font-family: var(--idh-font-display);
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

body.whmcs-dashboard-body .idh-panel__subtitle {
    margin: 0;
    color: var(--idh-muted);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-link {
    color: var(--idh-blue);
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

body.whmcs-dashboard-body .idh-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.25em;
}

body.whmcs-dashboard-body .idh-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 3.4rem;
    padding: 0 1.3rem;
    border-radius: 999px;
    border: 1px solid var(--idh-line);
    background: #fff;
    color: var(--idh-ink);
    font-size: 1.3rem;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-chip:hover,
body.whmcs-dashboard-body .idh-chip--solid {
    border-color: var(--idh-blue);
    color: var(--idh-blue);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-btn--small {
    min-height: 4.4rem;
    padding: 0.4rem 0.4rem 0.4rem 1.8rem;
    font-size: 1.4rem;
    gap: 1rem;
}

body.whmcs-dashboard-body .idh-btn--small .idh-btn__icon {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.2rem;
}

body.whmcs-dashboard-body .idh-btn--small.idh-btn--ghost {
    padding: 0 1.8rem;
}

body.whmcs-dashboard-body .idh-btn--ghost i {
    color: var(--idh-blue);
}

body.whmcs-dashboard-body .idh-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    font-size: 1.15rem;
    font-weight: 600;
    white-space: nowrap;
}

body.whmcs-dashboard-body .idh-pill--ok { color: #15803d; background: rgba(34, 197, 94, 0.12); }
body.whmcs-dashboard-body .idh-pill--warn { color: #b45309; background: rgba(245, 158, 11, 0.14); }
body.whmcs-dashboard-body .idh-pill--info { color: #0369a1; background: rgba(14, 165, 233, 0.12); }
body.whmcs-dashboard-body .idh-pill--blue { color: var(--idh-blue); background: rgba(49, 96, 246, 0.1); }
body.whmcs-dashboard-body .idh-pill--muted { color: var(--idh-muted); background: rgba(100, 116, 139, 0.12); }

/* Hero ------------------------------------------------------------------- */

body.whmcs-dashboard-body .idh-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(30rem, 0.8fr);
    gap: 3.2rem;
    padding: 4rem 4.4rem;
    border-radius: 2rem;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(120deg, #2450e6 0%, #3160f6 60%, #3d74ff 100%);
    box-shadow: 0 24px 50px -30px rgba(49, 96, 246, 0.55);
}

body.whmcs-dashboard-body .idh-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(70rem 40rem at 85% 0%, rgba(255, 255, 255, 0.22), transparent 60%);
    animation: idhHeroGlow 14s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes idhHeroGlow {
    from { transform: translate3d(0, 0, 0); opacity: 0.8; }
    to   { transform: translate3d(-8%, 10%, 0); opacity: 1; }
}

body.whmcs-dashboard-body .idh-hero__copy,
body.whmcs-dashboard-body .idh-hero__aside {
    position: relative;
    z-index: 1;
}

body.whmcs-dashboard-body .idh-hero__title {
    margin: 0 0 1.2rem;
    color: #fff;
    font-family: var(--idh-font-display);
    font-size: clamp(3rem, 2.6vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.05;
}

body.whmcs-dashboard-body .idh-hero__lead {
    margin: 0 0 2.8rem;
    max-width: 56ch;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.6rem;
    line-height: 1.6;
}

body.whmcs-dashboard-body .idh-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}

body.whmcs-dashboard-body .idh-hero .idh-btn--primary {
    background: #fff;
    color: var(--idh-ink);
    box-shadow: 0 16px 30px -18px rgba(0, 0, 0, 0.5);
}

body.whmcs-dashboard-body .idh-hero .idh-btn--primary:hover {
    background: #f4f7ff;
    color: var(--idh-ink);
}

body.whmcs-dashboard-body .idh-hero .idh-btn--primary .idh-btn__icon {
    background: var(--idh-blue);
    color: #fff;
}

body.whmcs-dashboard-body .idh-hero .idh-btn--ghost {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #fff;
}

body.whmcs-dashboard-body .idh-hero .idh-btn--ghost i {
    color: #fff;
}

body.whmcs-dashboard-body .idh-hero .idh-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: #fff;
    color: #fff;
}

body.whmcs-dashboard-body .idh-hero__aside {
    display: flex;
    align-items: center;
}

body.whmcs-dashboard-body .idh-hero__status {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: grid;
}

body.whmcs-dashboard-body .idh-hero__status li {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1.3rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

body.whmcs-dashboard-body .idh-hero__status li:first-child {
    border-top: 0;
    padding-top: 0;
}

body.whmcs-dashboard-body .idh-hero__status li:last-child {
    padding-bottom: 0;
}

body.whmcs-dashboard-body .idh-hero__status li > span:last-child {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-hero__status strong {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-hero__status small {
    color: rgba(255, 255, 255, 0.72);
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .idh-hero__status small a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

body.whmcs-dashboard-body .idh-hero__status-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 1.2rem;
}

body.whmcs-dashboard-body .idh-hero__status-icon.is-ok {
    background: #29f291;
    color: #0b3b1f;
}

body.whmcs-dashboard-body .idh-hero__status-icon.is-warn {
    background: #fbbf24;
    color: #4a2d00;
}

/* Stats ------------------------------------------------------------------- */

body.whmcs-dashboard-body .idh-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.6rem;
}

body.whmcs-dashboard-body .idh-stat {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding: 2rem 2.2rem;
    border-radius: 1.6rem;
    background: #fff;
    border: 1px solid rgba(11, 17, 32, 0.07);
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.03), 0 12px 32px -24px rgba(11, 17, 32, 0.18);
    color: var(--idh-ink);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.whmcs-dashboard-body .idh-stat:hover {
    transform: translateY(-2px);
    border-color: rgba(49, 96, 246, 0.35);
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.03), 0 18px 40px -24px rgba(49, 96, 246, 0.35);
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-stat__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.8rem;
}

body.whmcs-dashboard-body .idh-stat--invoices.is-attention .idh-stat__icon {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

body.whmcs-dashboard-body .idh-stat__body {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 auto;
}

body.whmcs-dashboard-body .idh-stat__label {
    color: var(--idh-muted);
    font-size: 1.35rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .idh-stat__value {
    font-family: var(--idh-font-display);
    font-size: 3.2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
    color: var(--idh-ink);
}

body.whmcs-dashboard-body .idh-stat__meta {
    color: var(--idh-soft);
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .idh-stat__arrow {
    color: #c3cbd8;
    font-size: 1.1rem;
    transition: transform 0.18s ease, color 0.18s ease;
}

body.whmcs-dashboard-body .idh-stat:hover .idh-stat__arrow {
    color: var(--idh-blue);
    transform: translateX(3px);
}

/* Steps / quick actions --------------------------------------------------- */

body.whmcs-dashboard-body .idh-steps__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.whmcs-dashboard-body .idh-steps__item {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 0.4rem 3.2rem 0.4rem 0;
    margin-right: 3.2rem;
    border-right: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-steps__item:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

body.whmcs-dashboard-body .idh-steps__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 999px;
    border: 2px solid var(--idh-blue);
    color: var(--idh-blue);
    font-family: var(--idh-font-display);
    font-size: 1.5rem;
    font-weight: 800;
}

body.whmcs-dashboard-body .idh-steps__body {
    flex: 1 1 auto;
}

body.whmcs-dashboard-body .idh-steps__body strong {
    display: block;
    margin-bottom: 0.6rem;
    color: var(--idh-ink);
    font-size: 1.65rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-steps__body p {
    margin: 0;
    color: var(--idh-muted);
    font-size: 1.4rem;
    line-height: 1.6;
}

body.whmcs-dashboard-body .idh-steps__item .idh-btn {
    align-self: flex-start;
}

body.whmcs-dashboard-body .idh-quick {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.6rem;
}

body.whmcs-dashboard-body .idh-quick__item {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1.8rem 2rem;
    border-radius: 1.6rem;
    background: #fff;
    border: 1px solid rgba(11, 17, 32, 0.07);
    color: var(--idh-ink);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease;
}

body.whmcs-dashboard-body .idh-quick__item:hover {
    transform: translateY(-2px);
    border-color: rgba(49, 96, 246, 0.35);
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-quick__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.5rem;
}

body.whmcs-dashboard-body .idh-quick__item > span:last-child {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-quick__item strong {
    font-size: 1.45rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-quick__item small {
    color: var(--idh-muted);
    font-size: 1.25rem;
}

/* Services table ---------------------------------------------------------- */

body.whmcs-dashboard-body .idh-table thead th {
    padding: 0 1.2rem 1.2rem;
    border: 0;
    border-bottom: 1px solid var(--idh-line);
    color: var(--idh-soft);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .idh-table thead th.text-right {
    text-align: right;
}

body.whmcs-dashboard-body .idh-table tbody td {
    padding: 1.6rem 1.2rem;
    border: 0;
    border-bottom: 1px solid rgba(11, 17, 32, 0.05);
    color: var(--idh-ink);
    font-size: 1.45rem;
    vertical-align: middle;
}

body.whmcs-dashboard-body .idh-table tbody tr:last-child td {
    border-bottom: 0;
}

body.whmcs-dashboard-body .idh-table__item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

body.whmcs-dashboard-body .idh-table__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-table__title {
    color: var(--idh-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

body.whmcs-dashboard-body .idh-table__sub {
    color: var(--idh-muted);
    font-size: 13px;
}

body.whmcs-dashboard-body .idh-table__icon {
    flex: 0 0 auto;
}

/* Long hostnames wrap instead of pushing the table wider than its panel. */
body.whmcs-dashboard-body .idh-table__domain {
    overflow-wrap: anywhere;
}

body.whmcs-dashboard-body .idh-table__empty {
    padding: 1.6rem 1.2rem 0.8rem !important;
}

body.whmcs-dashboard-body .idh-empty {
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    padding: 2.4rem 1.6rem;
    text-align: center;
}

body.whmcs-dashboard-body .idh-empty--compact {
    padding: 2.8rem 1.6rem;
    border-radius: 1.4rem;
    background: #f8fafd;
}

body.whmcs-dashboard-body .idh-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    margin-bottom: 0.6rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 2rem;
}

body.whmcs-dashboard-body .idh-empty strong,
body.whmcs-dashboard-body .idh-table .idh-empty strong {
    color: var(--idh-ink);
    font-family: var(--idh-font-display);
    font-size: 1.8rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-empty p,
body.whmcs-dashboard-body .idh-table .idh-empty p {
    margin: 0 0 1rem;
    max-width: 46ch;
    color: var(--idh-muted);
    font-size: 1.45rem;
    line-height: 1.6;
}

body.whmcs-dashboard-body .idh-empty--compact p {
    margin-bottom: 0;
}

body.whmcs-dashboard-body .idh-table .idh-empty .idh-btn {
    font-size: 1.4rem;
}

/* Offers ------------------------------------------------------------------ */

body.whmcs-dashboard-body .idh-offers__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.6rem;
}

body.whmcs-dashboard-body .idh-offer {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 2.8rem 2.8rem 2.6rem;
    border-radius: 1.6rem;
    background: #fff;
    border: 1px solid rgba(11, 17, 32, 0.07);
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.03), 0 12px 32px -24px rgba(11, 17, 32, 0.18);
    color: var(--idh-ink);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.whmcs-dashboard-body .idh-offer:hover {
    transform: translateY(-3px);
    border-color: rgba(49, 96, 246, 0.4);
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-offer--featured {
    border-color: var(--idh-blue);
    box-shadow: 0 0 0 1px var(--idh-blue), 0 20px 44px -28px rgba(49, 96, 246, 0.45);
}

body.whmcs-dashboard-body .idh-offer__badge {
    position: absolute;
    top: 2.2rem;
    right: 2.4rem;
    color: var(--idh-blue);
    font-size: 1.2rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-offer__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.6rem;
    height: 4.6rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.7rem;
}

body.whmcs-dashboard-body .idh-offer__title {
    font-family: var(--idh-font-display);
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

body.whmcs-dashboard-body .idh-offer__desc {
    color: var(--idh-muted);
    font-size: 1.4rem;
    line-height: 1.55;
}

body.whmcs-dashboard-body .idh-offer__price {
    margin-top: 1.2rem;
    color: var(--idh-muted);
    font-size: 1.35rem;
}

body.whmcs-dashboard-body .idh-offer__price b {
    color: var(--idh-ink);
    font-family: var(--idh-font-display);
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0.2rem;
}

body.whmcs-dashboard-body .idh-offer__list {
    list-style: none;
    margin: 1.4rem 0 2rem;
    padding: 1.6rem 0 0;
    border-top: 1px solid var(--idh-line);
    display: grid;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .idh-offer__list li {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    color: var(--idh-ink);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-offer__list i {
    color: #16a34a;
    font-size: 1.1rem;
}

body.whmcs-dashboard-body .idh-offer__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: auto;
    color: var(--idh-blue);
    font-size: 1.45rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-offer__cta i {
    transition: transform 0.18s ease;
}

body.whmcs-dashboard-body .idh-offer:hover .idh-offer__cta i {
    transform: translateX(3px);
}

/* Columns, lists, help ---------------------------------------------------- */

body.whmcs-dashboard-body .idh-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem;
    align-items: stretch;
}

body.whmcs-dashboard-body .idh-list {
    display: grid;
}

body.whmcs-dashboard-body .idh-list__row {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    padding: 1.4rem 0;
    border-top: 1px solid rgba(11, 17, 32, 0.06);
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-list__row:first-child {
    border-top: 0;
    padding-top: 0;
}

body.whmcs-dashboard-body .idh-list__row:hover {
    color: var(--idh-blue);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-list__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-list__body {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

body.whmcs-dashboard-body .idh-list__body strong {
    font-size: 1.45rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.whmcs-dashboard-body .idh-list__body small {
    color: var(--idh-muted);
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .idh-list__end {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .idh-list__end strong {
    font-size: 1.45rem;
}

body.whmcs-dashboard-body .idh-list__chevron {
    color: #c3cbd8;
    font-size: 1.1rem;
}

body.whmcs-dashboard-body .idh-help {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem;
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    border-top: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-help__item {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-help__item:hover {
    color: var(--idh-blue);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-help__item > i {
    flex: 0 0 auto;
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.4rem;
}

body.whmcs-dashboard-body .idh-help__item > span {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-help__item strong {
    font-size: 1.45rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-help__item small {
    color: var(--idh-muted);
    font-size: 1.25rem;
}

/* Responsive ------------------------------------------------------------- */

@media (max-width: 1399.98px) {
    body.whmcs-dashboard-body .idh-stats,
    body.whmcs-dashboard-body .idh-quick {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .idh-hero {
        grid-template-columns: 1fr;
        padding: 3.2rem;
    }

    body.whmcs-dashboard-body .idh-hero__status {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.6rem;
    }

    body.whmcs-dashboard-body .idh-hero__status li,
    body.whmcs-dashboard-body .idh-hero__status li:first-child,
    body.whmcs-dashboard-body .idh-hero__status li:last-child {
        padding: 0;
        border-top: 0;
    }

    body.whmcs-dashboard-body .idh-offers__grid,
    body.whmcs-dashboard-body .idh-steps__list,
    body.whmcs-dashboard-body .idh-columns {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .idh-steps__list {
        gap: 2rem;
    }

    body.whmcs-dashboard-body .idh-steps__item {
        padding: 0 0 2rem;
        margin: 0;
        border-right: 0;
        border-bottom: 1px solid var(--idh-line);
    }

    body.whmcs-dashboard-body .idh-steps__item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page {
        padding: 1.6rem 1.2rem 3.2rem;
    }

    body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner {
        gap: 1.6rem;
    }

    body.whmcs-dashboard-body .idh-hero {
        padding: 2.4rem 2rem;
        border-radius: 1.6rem;
    }

    body.whmcs-dashboard-body .idh-hero__status {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    body.whmcs-dashboard-body .idh-hero__actions .idh-btn {
        width: 100%;
    }

    body.whmcs-dashboard-body .idh-stats,
    body.whmcs-dashboard-body .idh-quick,
    body.whmcs-dashboard-body .idh-help {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .idh-panel {
        padding: 2rem 1.6rem;
        border-radius: 1.4rem;
    }

    body.whmcs-dashboard-body .idh-panel__head {
        flex-direction: column;
        gap: 0.6rem;
    }

    body.whmcs-dashboard-body .idh-list__row {
        flex-wrap: wrap;
    }

    body.whmcs-dashboard-body .idh-list__end {
        width: 100%;
        justify-content: space-between;
        padding-left: 5.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.whmcs-dashboard-body .idh-hero::before,
    body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-page__inner > * {
        animation: none;
    }
}

/* ==========================================================================
   Root font-size lock
   html/css/globals.css scales the root to 100% (16px) above 1600px, which
   makes every rem-based size 1.6x larger on wide monitors. Keep 1rem = 10px.
   ========================================================================== */

@media (min-width: 1600px) {
    html {
        font-size: 62.5%;
    }
}

/* ==========================================================================
   Simple sidebar + navy "map" surfaces (matches idhosting.dk footer/hero)
   ========================================================================== */

body.whmcs-dashboard-body[data-theme="hostina"] .dashboard-sidebar,
body.whmcs-dashboard-body .dashboard-sidebar {
    position: fixed;
    background:
        radial-gradient(60rem 30rem at 50% 112%, rgba(49, 96, 246, 0.6), transparent 65%),
        linear-gradient(180deg, #070a1c 0%, #0a1030 100%) !important;
    border-right: 0;
    box-shadow: none;
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-sidebar::before {
    content: "";
    position: absolute;
    left: -6rem;
    right: -6rem;
    bottom: 6rem;
    height: 24rem;
    background: url("../../img/worldmap.png") center / 120% auto no-repeat;
    opacity: 0.16;
    pointer-events: none;
}

body.whmcs-dashboard-body .dashboard-sidebar > * {
    position: relative;
    z-index: 1;
}

body.whmcs-dashboard-body .dashboard-nav {
    padding: 1.2rem 1.4rem;
    gap: 0;
    display: flex;
    flex-direction: column;
}

body.whmcs-dashboard-body .idh-nav {
    display: grid;
    gap: 0.4rem;
}

body.whmcs-dashboard-body .idh-nav__link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    min-height: 4.6rem;
    padding: 0 1.4rem;
    border-radius: 1.2rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 1.45rem;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease;
}

body.whmcs-dashboard-body .idh-nav__link i {
    width: 2rem;
    text-align: center;
    font-size: 1.4rem;
    color: rgba(255, 255, 255, 0.55);
    transition: color 0.18s ease;
}

body.whmcs-dashboard-body .idh-nav__link:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-nav__link:hover i {
    color: #fff;
}

body.whmcs-dashboard-body .idh-nav__link.is-active {
    background: var(--idh-blue);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 10px 24px -14px rgba(49, 96, 246, 0.9);
}

body.whmcs-dashboard-body .idh-nav__link.is-active i {
    color: #fff;
}

body.whmcs-dashboard-body .idh-nav__badge {
    margin-left: auto;
    min-width: 2.2rem;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: #fff;
    color: var(--idh-blue);
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.2rem;
    text-align: center;
}

body.whmcs-dashboard-body .idh-nav__order {
    margin-top: 2.4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: grid;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .idh-nav__order-title {
    padding: 0 0.4rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .idh-nav__order-link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1rem 1.2rem;
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.whmcs-dashboard-body .idh-nav__order-link:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
    transform: translateY(-1px);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-nav__order-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1rem;
    background: var(--idh-blue);
    color: #fff;
    font-size: 1.3rem;
}

body.whmcs-dashboard-body .idh-nav__order-link > span:nth-child(2) {
    flex: 1 1 auto;
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-nav__order-link strong {
    font-size: 1.4rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-nav__order-link small {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.15rem;
}

body.whmcs-dashboard-body .idh-nav__order-link > i {
    color: rgba(255, 255, 255, 0.45);
    font-size: 1.1rem;
}

/* The off-canvas menu is narrower, so drop the arrow and keep each hint on one line. */
@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .idh-nav__order-link {
        gap: 1rem;
    }

    body.whmcs-dashboard-body .idh-nav__order-link > i {
        display: none;
    }
}

body.whmcs-dashboard-body .dashboard-sidebar__user {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.whmcs-dashboard-body .dashboard-user-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Hero in navy with the map */

body.whmcs-dashboard-body .idh-hero {
    background: linear-gradient(135deg, #070a1c 0%, #0b1338 55%, #0f1c5a 100%);
    box-shadow: 0 24px 50px -30px rgba(7, 10, 28, 0.8);
}

body.whmcs-dashboard-body .idh-hero::before {
    background: url("../../img/worldmap.png") right 2rem center / 52% auto no-repeat;
    opacity: 0.22;
    animation: none;
}

body.whmcs-dashboard-body .idh-hero .idh-btn--primary {
    background: var(--idh-blue);
    color: #fff;
    box-shadow: 0 16px 30px -14px rgba(49, 96, 246, 0.9);
}

body.whmcs-dashboard-body .idh-hero .idh-btn--primary:hover {
    background: var(--idh-blue-dark);
    color: #fff;
}

body.whmcs-dashboard-body .idh-hero .idh-btn--primary .idh-btn__icon {
    background: #fff;
    color: var(--idh-blue);
}

body.whmcs-dashboard-body .idh-hero__status li {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* Two-choice section for new customers */

body.whmcs-dashboard-body .idh-choice__head {
    margin-bottom: 1.8rem;
}

body.whmcs-dashboard-body .idh-choice__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.6rem;
}

body.whmcs-dashboard-body .idh-choice__card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background: #fff;
    border: 1px solid rgba(11, 17, 32, 0.07);
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.03), 0 12px 32px -24px rgba(11, 17, 32, 0.18);
    color: var(--idh-ink);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease;
}

body.whmcs-dashboard-body .idh-choice__card:hover {
    transform: translateY(-3px);
    border-color: rgba(49, 96, 246, 0.45);
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .idh-choice__card.is-featured {
    border-color: var(--idh-blue);
    box-shadow: 0 0 0 1px var(--idh-blue), 0 20px 44px -28px rgba(49, 96, 246, 0.45);
}

body.whmcs-dashboard-body .idh-choice__tag {
    position: absolute;
    top: 2.4rem;
    right: 2.8rem;
    color: var(--idh-blue);
    font-size: 1.2rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .idh-choice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.2rem;
    height: 5.2rem;
    margin-bottom: 0.8rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
    font-size: 1.9rem;
}

body.whmcs-dashboard-body .idh-choice__card strong {
    font-family: var(--idh-font-display);
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

body.whmcs-dashboard-body .idh-choice__card p {
    margin: 0;
    color: var(--idh-muted);
    font-size: 1.45rem;
    line-height: 1.6;
    max-width: 44ch;
}

body.whmcs-dashboard-body .idh-choice__price {
    margin: 0.8rem 0 1.6rem;
    color: var(--idh-muted);
    font-size: 1.35rem;
}

body.whmcs-dashboard-body .idh-choice__price b {
    color: var(--idh-ink);
    font-family: var(--idh-font-display);
    font-size: 2.8rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0.2rem;
}

body.whmcs-dashboard-body .idh-choice__card .idh-btn {
    align-self: flex-start;
    margin-top: auto;
}

body.whmcs-dashboard-body .idh-choice__foot {
    margin: 1.6rem 0 0;
    color: var(--idh-muted);
    font-size: 1.35rem;
}

body.whmcs-dashboard-body .idh-choice__foot a {
    color: var(--idh-blue);
    font-weight: 600;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .idh-choice__grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Hover fixes: the theme forces `body a:hover { color: #0b0d1f !important }`
   and underlines, which breaks white-on-blue buttons and sidebar links.
   ========================================================================== */

body.whmcs-dashboard-body a.idh-btn:hover,
body.whmcs-dashboard-body a.idh-btn:focus,
body.whmcs-dashboard-body a.idh-stat:hover,
body.whmcs-dashboard-body a.idh-stat:focus,
body.whmcs-dashboard-body a.idh-quick__item:hover,
body.whmcs-dashboard-body a.idh-choice__card:hover,
body.whmcs-dashboard-body a.idh-choice__card:focus,
body.whmcs-dashboard-body a.idh-list__row:hover,
body.whmcs-dashboard-body a.idh-help__item:hover,
body.whmcs-dashboard-body a.idh-nav__link:hover,
body.whmcs-dashboard-body a.idh-nav__link:focus,
body.whmcs-dashboard-body a.idh-nav__order-link:hover,
body.whmcs-dashboard-body a.idh-nav__order-link:focus,
body.whmcs-dashboard-body a.idh-link:hover,
body.whmcs-dashboard-body a.idh-chip:hover,
body.whmcs-dashboard-body a.dashboard-cta-btn:hover,
body.whmcs-dashboard-body a.dashboard-focus-link:hover,
body.whmcs-dashboard-body a.idh-field__link:hover,
body.whmcs-dashboard-body .idh-auth__alt a:hover,
body.whmcs-dashboard-body .idh-auth__foot a:hover,
body.whmcs-dashboard-body .idh-hero__status a:hover,
body.whmcs-dashboard-body .idh-choice__foot a:hover {
    text-decoration: none !important;
}

body.whmcs-dashboard-body a.idh-btn--primary:hover,
body.whmcs-dashboard-body a.idh-btn--primary:focus,
body.whmcs-dashboard-body .idh-hero a.idh-btn:hover,
body.whmcs-dashboard-body .idh-hero a.idh-btn:focus,
body.whmcs-dashboard-body a.idh-nav__link:hover,
body.whmcs-dashboard-body a.idh-nav__link:focus,
body.whmcs-dashboard-body a.idh-nav__order-link:hover,
body.whmcs-dashboard-body a.idh-nav__order-link:focus,
body.whmcs-dashboard-body a.dashboard-cta-btn:hover,
body.whmcs-dashboard-body a.dashboard-focus-link--primary:hover,
body.whmcs-dashboard-body .idh-hero__status a:hover {
    color: #fff !important;
}

body.whmcs-dashboard-body a.idh-btn--ghost:hover,
body.whmcs-dashboard-body a.idh-link:hover,
body.whmcs-dashboard-body a.idh-chip:hover,
body.whmcs-dashboard-body a.idh-field__link:hover,
body.whmcs-dashboard-body .idh-auth__alt a:hover,
body.whmcs-dashboard-body .idh-auth__foot a:hover,
body.whmcs-dashboard-body .idh-choice__foot a:hover,
body.whmcs-dashboard-body a.idh-list__row:hover,
body.whmcs-dashboard-body a.idh-help__item:hover,
body.whmcs-dashboard-body a.dashboard-focus-link:hover,
body.whmcs-dashboard-body a.idh-stat:hover .idh-stat__arrow {
    color: var(--idh-blue) !important;
}

body.whmcs-dashboard-body .idh-hero a.idh-btn--ghost:hover {
    color: #fff !important;
}

body.whmcs-dashboard-body a.idh-stat:hover,
body.whmcs-dashboard-body a.idh-quick__item:hover,
body.whmcs-dashboard-body a.idh-choice__card:hover {
    color: var(--idh-ink) !important;
}

body.whmcs-dashboard-body a.idh-stat:hover .idh-stat__value,
body.whmcs-dashboard-body a.idh-stat:hover .idh-stat__label,
body.whmcs-dashboard-body a.idh-choice__card:hover strong,
body.whmcs-dashboard-body a.idh-quick__item:hover strong {
    color: var(--idh-ink);
}

body.whmcs-dashboard-body a.idh-choice__card:hover .idh-btn--primary {
    color: #fff;
}

body.whmcs-dashboard-body a.idh-choice__card:hover .idh-btn--ghost {
    color: var(--idh-blue);
    border-color: var(--idh-blue);
}

body.whmcs-dashboard-body .idh-btn,
body.whmcs-dashboard-body .idh-stat,
body.whmcs-dashboard-body .idh-choice__card,
body.whmcs-dashboard-body .idh-quick__item {
    will-change: transform;
    backface-visibility: hidden;
}

body.whmcs-dashboard-body[data-theme] .idh-btn:hover,
body.whmcs-dashboard-body[data-theme] .idh-stat:hover,
body.whmcs-dashboard-body[data-theme] .idh-choice__card:hover,
body.whmcs-dashboard-body[data-theme] .idh-nav__link.is-active {
    box-shadow: 0 14px 30px -14px rgba(49, 96, 246, 0.55) !important;
}

/* ==========================================================================
   Page backdrop: soft top wash
   ========================================================================== */

body.whmcs-dashboard-body:not(.is-auth-page):not(.is-order-focus-page):not(.is-contact-page):not(.is-public-page) {
    background:
        linear-gradient(180deg, #e9eefb 0%, #f3f6fc 32rem, #f6f8fc 100%);
}

body.whmcs-dashboard-body .dashboard-page {
    position: relative;
}

body.whmcs-dashboard-body .dashboard-topbar {
    background: rgba(233, 238, 251, 0.75);
    border-bottom: 1px solid rgba(49, 96, 246, 0.08);
}

body.whmcs-dashboard-body .idh-panel,
body.whmcs-dashboard-body .idh-stat,
body.whmcs-dashboard-body .idh-choice__card,
body.whmcs-dashboard-body .idh-quick__item {
    border-color: rgba(49, 96, 246, 0.1);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 1px 2px rgba(11, 17, 32, 0.03),
        0 16px 40px -28px rgba(49, 96, 246, 0.35);
}

/* ==========================================================================
   Topbar actions: language, notifications, cart, order CTA
   ========================================================================== */

body.whmcs-dashboard-body .dashboard-topbar {
    --topbar-height: 7.6rem;
    min-height: 7.6rem;
    padding-inline: clamp(1.6rem, 3vw, 4rem);
}

body.whmcs-dashboard-body .dashboard-topbar__actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-topbar__actions .dropdown {
    display: inline-flex;
}

body.whmcs-dashboard-body .dashboard-topbar .header-control-btn,
body.whmcs-dashboard-body .dashboard-topbar .toolbar-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 4.4rem;
    height: 4.4rem;
    min-height: 4.4rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(49, 96, 246, 0.12);
    background: #fff;
    color: var(--idh-ink);
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.04);
    transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

body.whmcs-dashboard-body .dashboard-topbar .header-control-btn--lang {
    width: auto;
    padding: 0 1.4rem 0 1.2rem;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

body.whmcs-dashboard-body .dashboard-topbar .header-control-btn svg,
body.whmcs-dashboard-body .dashboard-topbar .toolbar-icon svg {
    width: 1.8rem;
    height: 1.8rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-topbar .header-control-btn:hover,
body.whmcs-dashboard-body .dashboard-topbar .toolbar-icon:hover,
body.whmcs-dashboard-body .dashboard-topbar .header-control-btn[aria-expanded="true"],
body.whmcs-dashboard-body .dashboard-topbar .toolbar-icon[aria-expanded="true"] {
    border-color: var(--idh-blue);
    color: var(--idh-blue) !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px -16px rgba(49, 96, 246, 0.6);
    text-decoration: none !important;
}

body.whmcs-dashboard-body .dashboard-topbar .toolbar-icon__badge {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    border: 2px solid #f3f6fc;
    background: var(--idh-blue);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-align: center;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-topbar .toolbar-dot {
    display: none;
}

body.whmcs-dashboard-body .dashboard-topbar .dashboard-cta-btn {
    margin-left: 0.6rem;
}

body.whmcs-dashboard-body .dashboard-topbar .dashboard-mobile-toggle {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 999px;
    border: 1px solid rgba(49, 96, 246, 0.12);
    background: #fff;
}

/* Notification dropdown */

body.whmcs-dashboard-body .dashboard-notification-menu {
    width: 32rem;
    margin-top: 1rem;
    padding: 0.8rem !important;
    border: 1px solid rgba(49, 96, 246, 0.12);
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 24px 60px -24px rgba(11, 17, 32, 0.35);
}

body.whmcs-dashboard-body .dashboard-notification-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem 1.2rem;
    border-bottom: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .dashboard-notification-menu__title {
    font-family: var(--idh-font-display);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--idh-ink);
}

body.whmcs-dashboard-body .dashboard-notification-menu__subtitle {
    font-size: 1.2rem;
    color: var(--idh-muted);
}

body.whmcs-dashboard-body .dashboard-notification-menu__badge {
    min-width: 2.4rem;
    height: 2.4rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    background: var(--idh-blue);
    color: #fff;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: center;
}

body.whmcs-dashboard-body .dashboard-notification-menu__list {
    display: grid;
    gap: 0.4rem;
    padding-top: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-notification-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1rem 1.2rem;
    border-radius: 1.2rem;
    background: transparent;
    border: 0;
    color: var(--idh-ink);
    text-decoration: none;
}

body.whmcs-dashboard-body .dashboard-notification-item:hover {
    background: #f1f4fb;
    color: var(--idh-ink) !important;
    text-decoration: none !important;
}

body.whmcs-dashboard-body .dashboard-notification-item__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue);
}

body.whmcs-dashboard-body .dashboard-notification-item__icon svg {
    width: 1.6rem;
    height: 1.6rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

body.whmcs-dashboard-body .dashboard-notification-item__content {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

body.whmcs-dashboard-body .dashboard-notification-item__title {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--idh-ink);
}

body.whmcs-dashboard-body .dashboard-notification-item__meta {
    font-size: 1.2rem;
    color: var(--idh-muted);
}

body.whmcs-dashboard-body .dashboard-notification-item__count {
    min-width: 2.4rem;
    height: 2.4rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    background: rgba(49, 96, 246, 0.1);
    color: var(--idh-blue);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: center;
}

body.whmcs-dashboard-body .dashboard-notification-item__count.neutral {
    background: #f1f4fb;
    color: var(--idh-muted);
}

/* ==========================================================================
   Register page: same split layout as login, one clean form card
   ========================================================================== */

body.whmcs-dashboard-body[data-page-template="clientregister"] .dashboard-focus-topbar {
    display: none;
}

body.whmcs-dashboard-body[data-page-template="clientregister"] .dashboard-main--focus {
    min-height: 100vh;
}

body.whmcs-dashboard-body[data-page-template="clientregister"] .dashboard-page,
body.whmcs-dashboard-body[data-page-template="clientregister"] .dashboard-page__inner {
    padding: 0;
    margin: 0;
    max-width: none;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__form-side {
    background:
        radial-gradient(50rem 30rem at 0% 0%, rgba(49, 96, 246, 0.06), transparent 60%),
        #f7f9fd;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__body {
    max-width: 64rem;
    padding: 4rem 0 3.2rem;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__lead {
    margin-bottom: 2.4rem;
}

body.whmcs-dashboard-body #registration.idh-reg.idh-reg--simple {
    width: 100%;
    margin: 0;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__form {
    padding: 2.8rem 3.2rem 2.4rem;
    border: 1px solid rgba(49, 96, 246, 0.1);
    border-radius: 2rem;
    background: #fff;
    box-shadow:
        0 1px 2px rgba(11, 17, 32, 0.04),
        0 24px 56px -32px rgba(49, 96, 246, 0.4);
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__progress {
    margin-bottom: 2.2rem;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__progress-label {
    font-size: 1.3rem;
    color: var(--idh-muted);
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__progress-bar {
    height: 0.6rem;
    border-radius: 999px;
    background: #eef2f9;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__panel-icon {
    display: none;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__panel-head {
    margin-bottom: 2rem;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__panel-head h2 {
    font-size: 2rem;
    margin: 0 0 0.4rem;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__panel-head p {
    font-size: 1.4rem;
    color: var(--idh-muted);
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__grid {
    gap: 1.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field > label {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--idh-ink);
    margin-bottom: 0.7rem;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field input[type="text"],
body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field input[type="email"],
body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field input[type="tel"],
body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field input[type="password"],
body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field select {
    min-height: 5rem;
    border-radius: 1.2rem;
    border: 1px solid var(--idh-line);
    background: #fff;
    font-size: 1.5rem;
    box-shadow: 0 1px 2px rgba(11, 17, 32, 0.04);
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field input:focus,
body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__field select:focus {
    border-color: var(--idh-blue);
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.14);
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__actions {
    margin-top: 2.4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(11, 17, 32, 0.06);
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__next,
body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__submit.btn-primary {
    min-height: 5.2rem;
    padding: 0 3rem;
    font-size: 1.5rem;
}

body.whmcs-dashboard-body #registration.idh-reg--simple .idh-auth__alt {
    margin-top: 2rem;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .idh-auth--register .idh-auth__body {
        padding: 3.2rem 0 2.4rem;
    }
}

@media (max-width: 575.98px) {
    body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__form {
        padding: 2rem 1.6rem;
        border-radius: 1.6rem;
    }

    body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__next,
    body.whmcs-dashboard-body #registration.idh-reg--simple .idh-reg__submit.btn-primary {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* ==========================================================================
   Privat / Virksomhed switch with CVR lookup (includes/idh-customer-type.tpl)
   ========================================================================== */

body.whmcs-dashboard-body .idh-ctype {
    margin: 0 0 2.4rem;
}

body.whmcs-dashboard-body .idh-ctype__label {
    margin: 0 0 1rem;
    color: var(--idh-ink, #0b1120);
    font-size: 1.35rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-ctype__switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

body.whmcs-dashboard-body .idh-ctype__opt {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin: 0;
    padding: 1.4rem 1.6rem;
    border-radius: 1.4rem;
    border: 1.5px solid var(--idh-line, #dfe5ee);
    background: #fff;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.whmcs-dashboard-body .idh-ctype__opt:hover {
    border-color: rgba(49, 96, 246, 0.45);
}

body.whmcs-dashboard-body .idh-ctype__opt input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.whmcs-dashboard-body .idh-ctype__opt:has(input:checked) {
    border-color: var(--idh-blue, #3160f6);
    background: rgba(49, 96, 246, 0.05);
    box-shadow: 0 0 0 3px rgba(49, 96, 246, 0.12);
}

body.whmcs-dashboard-body .idh-ctype__opt:has(input:focus-visible) {
    outline: 2px solid var(--idh-blue, #3160f6);
    outline-offset: 2px;
}

body.whmcs-dashboard-body .idh-ctype__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: #f1f4fb;
    color: var(--idh-blue, #3160f6);
    font-size: 1.4rem;
    transition: background 0.18s ease, color 0.18s ease;
}

body.whmcs-dashboard-body .idh-ctype__opt:has(input:checked) .idh-ctype__icon {
    background: var(--idh-blue, #3160f6);
    color: #fff;
}

body.whmcs-dashboard-body .idh-ctype__text {
    display: grid;
    gap: 0.1rem;
}

body.whmcs-dashboard-body .idh-ctype__text strong {
    font-size: 1.5rem;
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body .idh-ctype__text small {
    font-size: 1.25rem;
    color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body .idh-ctype__cvr {
    margin-top: 1.6rem;
    padding: 1.8rem;
    border-radius: 1.4rem;
    background: #f6f8fc;
    border: 1px solid rgba(49, 96, 246, 0.1);
}

body.whmcs-dashboard-body .idh-ctype__cvr-label {
    display: block;
    margin-bottom: 0.7rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body .idh-ctype__cvr-row {
    display: flex;
    gap: 1rem;
}

body.whmcs-dashboard-body .idh-ctype__cvr-row .form-control {
    flex: 1 1 auto;
    min-height: 5rem;
    border-radius: 1.2rem;
    border: 1px solid var(--idh-line, #dfe5ee);
    background: #fff;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
}

body.whmcs-dashboard-body .idh-ctype__cvr-row .form-control:focus {
    border-color: var(--idh-blue, #3160f6);
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.14);
}

body.whmcs-dashboard-body .idh-ctype__cvr-btn {
    flex: 0 0 auto;
    min-height: 5rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 999px;
    background: var(--idh-blue, #3160f6);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease;
}

body.whmcs-dashboard-body .idh-ctype__cvr-btn:hover { background: var(--idh-blue-dark, #2449d8); }
body.whmcs-dashboard-body .idh-ctype__cvr-btn:disabled { opacity: 0.7; cursor: progress; }

body.whmcs-dashboard-body .idh-ctype__msg {
    margin: 1rem 0 0;
    color: var(--idh-muted, #5b6474);
    font-size: 1.3rem;
    line-height: 1.5;
}

body.whmcs-dashboard-body .idh-ctype__msg.is-ok { color: #15803d; font-weight: 600; }
body.whmcs-dashboard-body .idh-ctype__msg.is-error { color: #c2410c; }

@media (max-width: 575.98px) {
    body.whmcs-dashboard-body .idh-ctype__cvr-row { flex-direction: column; }
    body.whmcs-dashboard-body .idh-ctype__opt { padding: 1.2rem; }
    body.whmcs-dashboard-body .idh-ctype__icon { width: 3.4rem; height: 3.4rem; }
}

/* ==========================================================================
   Phone number with country picker (WHMCS intl-tel-input v12)
   ========================================================================== */

body.whmcs-dashboard-body .intl-tel-input {
    display: block;
    width: 100%;
}

body.whmcs-dashboard-body .intl-tel-input input[type="tel"],
body.whmcs-dashboard-body .intl-tel-input input.form-control {
    width: 100%;
}

/* The number starts just past the flag and dial code, which widen with the code's length (iti-sdc-N). The checkout reuses --idh-dial-pad. */
body.whmcs-dashboard-body .intl-tel-input.separate-dial-code.iti-sdc-2 input { --idh-dial-pad: 9.3rem; }
body.whmcs-dashboard-body .intl-tel-input.separate-dial-code.iti-sdc-3 input { --idh-dial-pad: 10.6rem; }
body.whmcs-dashboard-body .intl-tel-input.separate-dial-code.iti-sdc-4 input { --idh-dial-pad: 11.4rem; }
body.whmcs-dashboard-body .intl-tel-input.separate-dial-code.iti-sdc-5 input { --idh-dial-pad: 12rem; }
body.whmcs-dashboard-body .intl-tel-input.separate-dial-code[class*="iti-sdc-"] input { padding-left: var(--idh-dial-pad, 9.3rem) !important; }

body.whmcs-dashboard-body .intl-tel-input .flag-container {
    padding: 1px;
}

body.whmcs-dashboard-body .intl-tel-input.separate-dial-code .selected-flag,
body.whmcs-dashboard-body .intl-tel-input .selected-flag {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: auto !important;
    height: 100%;
    padding: 0 1rem 0 1.3rem;
    border-radius: 1.1rem 0 0 1.1rem;
    background: #f6f8fc !important;
    border-right: 1px solid var(--idh-line, #dfe5ee);
    transition: background 0.18s ease;
}

body.whmcs-dashboard-body .intl-tel-input .selected-flag:hover,
body.whmcs-dashboard-body .intl-tel-input .selected-flag:focus {
    background: #eef2fb !important;
    outline: none;
}

body.whmcs-dashboard-body .intl-tel-input .selected-flag .iti-flag {
    position: static;
    margin: 0;
}

body.whmcs-dashboard-body .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 0;
    font-size: 1.45rem;
    font-weight: 600;
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body .intl-tel-input .selected-flag .iti-arrow {
    position: static;
    margin: 0 0 0 0.2rem;
    border-top-color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body .intl-tel-input .country-list {
    z-index: 1060;
    max-height: 28rem;
    min-width: 30rem;
    margin-top: 0.6rem;
    padding: 0.6rem;
    border: 1px solid rgba(49, 96, 246, 0.12);
    border-radius: 1.4rem;
    background: #fff;
    box-shadow: 0 24px 60px -24px rgba(11, 17, 32, 0.35);
    font-size: 1.4rem;
    white-space: nowrap;
}

body.whmcs-dashboard-body .intl-tel-input .country-list .country {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 0.9rem;
}

body.whmcs-dashboard-body .intl-tel-input .country-list .country.highlight,
body.whmcs-dashboard-body .intl-tel-input .country-list .country:hover {
    background: #f1f4fb;
}

body.whmcs-dashboard-body .intl-tel-input .country-list .flag-box {
    display: inline-flex;
    margin: 0;
}

body.whmcs-dashboard-body .intl-tel-input .country-list .dial-code {
    color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body .intl-tel-input .country-list .divider {
    margin: 0.4rem 0;
    padding: 0;
    border-bottom: 1px solid var(--idh-line, #dfe5ee);
}

/* ==========================================================================
   Auth split layout: no dead space on wide screens
   Centre the form column contents and give the form more room.
   ========================================================================== */

body.whmcs-dashboard-body .idh-auth__form-side {
    align-items: center;
}

body.whmcs-dashboard-body .idh-auth__logo,
body.whmcs-dashboard-body .idh-auth__foot {
    align-self: stretch;
    width: 100%;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

body.whmcs-dashboard-body .idh-auth__body {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__logo,
body.whmcs-dashboard-body .idh-auth--register .idh-auth__foot,
body.whmcs-dashboard-body .idh-auth--register .idh-auth__body {
    max-width: 68rem;
}

@media (min-width: 1400px) {
    body.whmcs-dashboard-body .idh-auth {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    }

}

@media (min-width: 1800px) {
    body.whmcs-dashboard-body .idh-auth--register {
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    }

    body.whmcs-dashboard-body .idh-auth--register .idh-auth__logo,
    body.whmcs-dashboard-body .idh-auth--register .idh-auth__foot,
    body.whmcs-dashboard-body .idh-auth--register .idh-auth__body {
        max-width: 76rem;
    }
}

@media (min-width: 992px) and (max-height: 900px) {
    body.whmcs-dashboard-body .idh-auth--register .idh-auth__body {
        padding-top: 2.4rem;
    }
}

/* ==========================================================================
   Register: single simple page (no steps)
   ========================================================================== */

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__progress,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__back,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__next {
    display: none !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel {
    display: block !important;
    margin: 0;
    padding: 0;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel + .idh-reg__panel,
body.whmcs-dashboard-body #registration.idh-reg--single #containerNewUserSignup + .idh-reg__panel {
    margin-top: 2.6rem;
    padding-top: 2.4rem;
    border-top: 1px solid rgba(11, 17, 32, 0.06);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel-head {
    margin-bottom: 1.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel-head h2 {
    font-size: 1.7rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel-head p {
    font-size: 1.3rem;
    margin: 0;
}

body.whmcs-dashboard-body #registration.idh-reg--single [hidden] {
    display: none !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-country-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem 1.6rem;
    font-size: 1.35rem;
    color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-country-note strong {
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-country-note i {
    color: var(--idh-blue, #3160f6);
    margin-right: 0.3rem;
}

body.whmcs-dashboard-body .idh-linkbtn {
    padding: 0;
    border: 0;
    background: none;
    color: var(--idh-blue, #3160f6);
    font-size: 1.35rem;
    font-weight: 600;
    cursor: pointer;
}

body.whmcs-dashboard-body .idh-linkbtn:hover {
    text-decoration: underline;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field--password {
    position: relative;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field--password input {
    padding-right: 5.2rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__reveal {
    position: absolute;
    right: 0.6rem;
    bottom: 0.5rem;
    width: 4rem;
    height: 4rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--idh-muted, #5b6474);
    cursor: pointer;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__reveal:hover {
    background: #f1f4fb;
    color: var(--idh-blue, #3160f6);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__strength {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__strength .password-strength-meter {
    flex: 1 1 22rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__strength .progress {
    height: 0.5rem;
    border-radius: 999px;
    background: #eef2f9;
    margin-bottom: 0.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__strength p {
    margin: 0;
    font-size: 1.25rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__generate {
    padding: 0;
    border: 0 !important;
    background: none !important;
    color: var(--idh-blue, #3160f6) !important;
    font-size: 1.3rem;
    font-weight: 600;
    box-shadow: none !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__generate:hover {
    text-decoration: underline;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__actions {
    display: block;
    margin-top: 2.4rem;
    padding-top: 0;
    border-top: 0;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__submit.btn-primary {
    display: flex !important;
    width: 100%;
    justify-content: center;
    min-height: 5.6rem;
    font-size: 1.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__fineprint {
    margin: 1.2rem 0 0;
    text-align: center;
    color: var(--idh-soft, #8a94a6);
    font-size: 1.25rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__fineprint i {
    color: var(--idh-green, #16a34a);
    margin-right: 0.3rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field .is-invalid {
    border-color: #e5484d !important;
    box-shadow: 0 0 0 4px rgba(229, 72, 77, 0.12) !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__tos,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__optin {
    margin-top: 1.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field.idh-country-note {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
}

body.whmcs-dashboard-body .idh-ctype__text {
    min-width: 0;
}

@media (max-width: 420px) {
    body.whmcs-dashboard-body .idh-ctype__icon {
        display: none;
    }

    body.whmcs-dashboard-body .idh-ctype__opt {
        padding: 1.2rem 1.4rem;
    }
}

/* ==========================================================================
   Business toggle (includes/idh-customer-type.tpl, v2)
   ========================================================================== */

body.whmcs-dashboard-body .idh-biz {
    margin: 2rem 0 0;
}

body.whmcs-dashboard-body .idh-biz__toggle {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    margin: 0;
    padding: 1.4rem 1.6rem;
    border-radius: 1.4rem;
    border: 1px solid var(--idh-line, #dfe5ee);
    background: #fff;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease;
}

body.whmcs-dashboard-body .idh-biz__toggle:hover {
    border-color: rgba(49, 96, 246, 0.4);
}

body.whmcs-dashboard-body .idh-biz.is-on .idh-biz__toggle {
    border-color: var(--idh-blue, #3160f6);
    background: rgba(49, 96, 246, 0.04);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body.whmcs-dashboard-body .idh-biz__toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.whmcs-dashboard-body .idh-biz__switch {
    position: relative;
    flex: 0 0 auto;
    width: 4.4rem;
    height: 2.6rem;
    border-radius: 999px;
    background: #d6dde8;
    transition: background 0.18s ease;
}

body.whmcs-dashboard-body .idh-biz__switch::after {
    content: "";
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(11, 17, 32, 0.25);
    transition: transform 0.18s ease;
}

body.whmcs-dashboard-body .idh-biz__toggle input:checked + .idh-biz__switch {
    background: var(--idh-blue, #3160f6);
}

body.whmcs-dashboard-body .idh-biz__toggle input:checked + .idh-biz__switch::after {
    transform: translateX(1.8rem);
}

body.whmcs-dashboard-body .idh-biz__toggle input:focus-visible + .idh-biz__switch {
    outline: 2px solid var(--idh-blue, #3160f6);
    outline-offset: 2px;
}

body.whmcs-dashboard-body .idh-biz__toggle-text {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-biz__toggle-text strong {
    font-size: 1.45rem;
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body .idh-biz__toggle-text small {
    font-size: 1.25rem;
    color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body .idh-biz__panel {
    padding: 1.6rem;
    border: 1px solid var(--idh-blue, #3160f6);
    border-top: 0;
    border-radius: 0 0 1.4rem 1.4rem;
    background: rgba(49, 96, 246, 0.04);
}

body.whmcs-dashboard-body .idh-biz__panel[hidden],
body.whmcs-dashboard-body .idh-biz [hidden] {
    display: none !important;
}

body.whmcs-dashboard-body .idh-biz__label {
    display: block;
    margin-bottom: 0.7rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body .idh-biz__row {
    display: flex;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .idh-biz__row .form-control {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 5rem;
    border-radius: 1.2rem;
    border: 1px solid var(--idh-line, #dfe5ee);
    background: #fff;
    font-size: 1.5rem;
}

body.whmcs-dashboard-body .idh-biz__row .form-control:focus {
    border-color: var(--idh-blue, #3160f6);
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.14);
}

body.whmcs-dashboard-body .idh-biz__btn {
    flex: 0 0 auto;
    min-width: 8rem;
    min-height: 5rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 999px;
    background: var(--idh-blue, #3160f6);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
}

body.whmcs-dashboard-body .idh-biz__btn:hover { background: var(--idh-blue-dark, #2449d8); }
body.whmcs-dashboard-body .idh-biz__btn:disabled { opacity: 0.7; cursor: progress; }

body.whmcs-dashboard-body .idh-biz__msg {
    margin: 0.9rem 0 0;
    font-size: 1.25rem;
    color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body .idh-biz__msg.is-error {
    color: #c2410c;
}

body.whmcs-dashboard-body .idh-biz__found {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

body.whmcs-dashboard-body .idh-biz__found-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: 1.3rem;
}

body.whmcs-dashboard-body .idh-biz__found-text {
    display: grid;
    gap: 0.2rem;
    flex: 1 1 auto;
    min-width: 0;
}

body.whmcs-dashboard-body .idh-biz__found-text strong {
    font-size: 1.5rem;
    color: var(--idh-ink, #0b1120);
}

body.whmcs-dashboard-body .idh-biz__found-text small {
    font-size: 1.25rem;
    color: var(--idh-muted, #5b6474);
}

body.whmcs-dashboard-body .idh-biz__change {
    flex: 0 0 auto;
    padding: 0.6rem 1.4rem;
    border: 1px solid var(--idh-line, #dfe5ee);
    border-radius: 999px;
    background: #fff;
    color: var(--idh-ink, #0b1120);
    font-size: 1.3rem;
    font-weight: 600;
    cursor: pointer;
}

body.whmcs-dashboard-body .idh-biz__change:hover {
    border-color: var(--idh-blue, #3160f6);
    color: var(--idh-blue, #3160f6);
}

@media (max-width: 420px) {
    body.whmcs-dashboard-body .idh-biz__row { flex-direction: column; }
    body.whmcs-dashboard-body .idh-biz__btn { width: 100%; }
}

/* ==========================================================================
   Register fine-tuning: calmer, more serious
   ========================================================================== */

body.whmcs-dashboard-body .idh-auth--register .idh-auth__title {
    font-size: clamp(3.2rem, 3vw, 4rem);
    margin-bottom: 0.8rem;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__lead {
    margin-bottom: 2.4rem;
    font-size: 1.5rem;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__body {
    padding-top: 3.2rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__form {
    padding: 3.2rem 3.6rem 2.8rem;
    border-radius: 1.8rem;
    box-shadow:
        0 1px 2px rgba(11, 17, 32, 0.04),
        0 20px 48px -32px rgba(11, 17, 32, 0.28);
    border-color: rgba(11, 17, 32, 0.08);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel-head h2 {
    font-family: var(--font-body);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--idh-soft, #8a94a6);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel-head p {
    display: none;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel + .idh-reg__panel,
body.whmcs-dashboard-body #registration.idh-reg--single #containerNewUserSignup + .idh-reg__panel {
    margin-top: 2.4rem;
    padding-top: 2.2rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__grid {
    gap: 1.4rem 1.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field > label {
    margin-bottom: 0.6rem;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__submit.btn-primary {
    border-radius: 1.2rem !important;
    min-height: 5.4rem;
    box-shadow: 0 10px 24px -14px rgba(49, 96, 246, 0.7);
}

body.whmcs-dashboard-body .idh-biz__toggle {
    border-radius: 1.2rem;
}

body.whmcs-dashboard-body .idh-biz.is-on .idh-biz__toggle {
    border-radius: 1.2rem 1.2rem 0 0;
}

body.whmcs-dashboard-body .idh-biz__panel {
    border-radius: 0 0 1.2rem 1.2rem;
}

body.whmcs-dashboard-body .idh-biz__btn {
    border-radius: 1.2rem;
}

/* Trust row in the promo panel */

body.whmcs-dashboard-body .idh-auth__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem 1.4rem;
    margin-top: 2.4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.35rem;
}

body.whmcs-dashboard-body .idh-auth__trust strong {
    color: #fff;
}

body.whmcs-dashboard-body .idh-auth__stars {
    display: inline-flex;
    gap: 0.2rem;
    padding: 0.4rem 0.6rem;
    border-radius: 0.4rem;
    background: #00b67a;
    color: #fff;
    font-size: 1.1rem;
}

body.whmcs-dashboard-body .idh-auth__trust-sep {
    width: 1px;
    height: 1.6rem;
    background: rgba(255, 255, 255, 0.25);
}

body.whmcs-dashboard-body .idh-auth__trust i.fa-undo {
    color: #29f291;
    margin-right: 0.3rem;
}

/* Fields filled from the CVR register get a short green highlight */
body.whmcs-dashboard-body #registration .idh-autofilled,
body.whmcs-dashboard-body #order-standard_cart .idh-autofilled {
    border-color: #16a34a !important;
    background: rgba(22, 163, 74, 0.06) !important;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.12) !important;
    transition: background 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

/* ==========================================================================
   Register: modern finish (filled inputs, borderless card, airy sections)
   ========================================================================== */

body.whmcs-dashboard-body .idh-auth--register .idh-auth__form-side {
    background:
        radial-gradient(60rem 40rem at -10% -10%, rgba(49, 96, 246, 0.09), transparent 60%),
        radial-gradient(40rem 30rem at 110% 110%, rgba(5, 128, 252, 0.06), transparent 60%),
        #fbfcfe;
}

body.whmcs-dashboard-body .idh-auth--register .idh-auth__title {
    font-size: clamp(3.4rem, 3.2vw, 4.4rem);
    letter-spacing: -0.035em;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__form {
    padding: 4rem 4rem 3.2rem;
    border: 0;
    border-radius: 2.4rem;
    background: #fff;
    box-shadow:
        0 0 0 1px rgba(11, 17, 32, 0.04),
        0 2px 4px rgba(11, 17, 32, 0.03),
        0 24px 64px -24px rgba(31, 56, 140, 0.22);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel + .idh-reg__panel,
body.whmcs-dashboard-body #registration.idh-reg--single #containerNewUserSignup + .idh-reg__panel {
    margin-top: 3.2rem;
    padding-top: 0;
    border-top: 0;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__panel-head h2 {
    color: var(--idh-blue, #3160f6);
    letter-spacing: 0.1em;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field > label,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__label {
    color: #334155;
    font-size: 1.3rem;
    font-weight: 600;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input[type="text"],
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input[type="email"],
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input[type="tel"],
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input[type="password"],
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field select,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__row .form-control {
    min-height: 5.4rem;
    border: 1.5px solid transparent !important;
    border-radius: 1.4rem !important;
    background: #f3f6fb !important;
    box-shadow: none !important;
    color: var(--idh-ink, #0b1120);
    font-size: 1.55rem;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input:hover,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__row .form-control:hover {
    background: #edf1f8 !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input:focus,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field select:focus,
body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__row .form-control:focus {
    background: #fff !important;
    border-color: var(--idh-blue, #3160f6) !important;
    box-shadow: 0 0 0 4px rgba(49, 96, 246, 0.12) !important;
    outline: none;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__field input::placeholder {
    color: #9aa5b6;
}

body.whmcs-dashboard-body #registration.idh-reg--single .intl-tel-input .selected-flag {
    background: transparent !important;
    border-right: 1px solid rgba(11, 17, 32, 0.08);
}

/* Business toggle as a soft filled row */
body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__toggle {
    border: 0;
    border-radius: 1.4rem;
    background: #f3f6fb;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__toggle:hover {
    background: #edf1f8;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz.is-on .idh-biz__toggle {
    border-radius: 1.4rem 1.4rem 0 0;
    background: rgba(49, 96, 246, 0.07);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__panel {
    border: 0;
    border-radius: 0 0 1.4rem 1.4rem;
    background: rgba(49, 96, 246, 0.04);
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__row .form-control {
    background: #fff !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-biz__btn {
    border-radius: 1.4rem;
    min-height: 5.4rem;
}

/* Password hint without box */
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__strength {
    padding: 0;
    background: transparent;
    border: 0;
}

/* Primary button */
body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__submit.btn-primary {
    min-height: 5.8rem;
    border-radius: 1.4rem !important;
    background: linear-gradient(180deg, #3d6bff 0%, #2f5cf0 100%) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 14px 30px -14px rgba(49, 96, 246, 0.75) !important;
    font-size: 1.6rem;
    letter-spacing: 0.005em;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__submit.btn-primary:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 18px 36px -14px rgba(49, 96, 246, 0.85) !important;
}

body.whmcs-dashboard-body #registration.idh-reg--single .idh-autofilled {
    background: rgba(22, 163, 74, 0.08) !important;
    border-color: #16a34a !important;
}

@media (max-width: 575.98px) {
    body.whmcs-dashboard-body #registration.idh-reg--single .idh-reg__form {
        padding: 2.4rem 1.8rem 2rem;
        border-radius: 2rem;
    }
}

/* ==========================================================================
   Auth promo with a real photo (includes/auth-promo.tpl)
   ========================================================================== */

body.whmcs-dashboard-body .idh-auth__promo--photo {
    position: relative;
    align-items: flex-end;
    padding: 0;
    background: #0b1338;
    overflow: hidden;
}

body.whmcs-dashboard-body .idh-auth__promo--photo::before,
body.whmcs-dashboard-body .idh-auth__promo--photo::after {
    display: none;
}

body.whmcs-dashboard-body .idh-auth__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 72% center;
    transform: scale(1.02);
    animation: idhPhotoIn 1.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes idhPhotoIn {
    from { opacity: 0; transform: scale(1.06); }
    to   { opacity: 1; transform: scale(1.02); }
}

body.whmcs-dashboard-body .idh-auth__photo-tint {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(11, 19, 56, 0.05) 0%, rgba(11, 19, 56, 0.15) 40%, rgba(7, 12, 40, 0.88) 78%, rgba(7, 12, 40, 0.96) 100%),
        linear-gradient(90deg, rgba(49, 96, 246, 0.28) 0%, rgba(49, 96, 246, 0) 55%);
    pointer-events: none;
}

body.whmcs-dashboard-body .idh-auth__promo--photo .idh-auth__promo-inner {
    position: relative;
    z-index: 1;
    max-width: 56rem;
    margin: 0 auto;
    padding: 0 clamp(3.2rem, 5vw, 6.4rem) clamp(4rem, 6vh, 6.4rem);
}

body.whmcs-dashboard-body .idh-auth__promo--photo .idh-auth__promo-copy h2 {
    font-size: clamp(2.6rem, 2.4vw, 3.4rem);
    line-height: 1.15;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
}

body.whmcs-dashboard-body .idh-auth__promo--photo .idh-auth__promo-list li {
    color: rgba(255, 255, 255, 0.92);
}

body.whmcs-dashboard-body .idh-auth__chip {
    position: absolute;
    z-index: 1;
    top: clamp(3.2rem, 6vh, 5.6rem);
    right: clamp(3.2rem, 4vw, 5.6rem);
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.6rem 1rem 1.2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #fff;
    box-shadow: 0 12px 30px -16px rgba(0, 0, 0, 0.5);
}

body.whmcs-dashboard-body .idh-auth__chip > span:last-child {
    display: grid;
    line-height: 1.25;
}

body.whmcs-dashboard-body .idh-auth__chip strong {
    font-size: 1.3rem;
}

body.whmcs-dashboard-body .idh-auth__chip small {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.78);
}

body.whmcs-dashboard-body .idh-auth__chip-dot {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: #29f291;
    box-shadow: 0 0 0 0 rgba(41, 242, 145, 0.6);
    animation: idhPulse 2.4s ease-out infinite;
}

@keyframes idhPulse {
    0%   { box-shadow: 0 0 0 0 rgba(41, 242, 145, 0.55); }
    70%  { box-shadow: 0 0 0 1rem rgba(41, 242, 145, 0); }
    100% { box-shadow: 0 0 0 0 rgba(41, 242, 145, 0); }
}

@media (prefers-reduced-motion: reduce) {
    body.whmcs-dashboard-body .idh-auth__photo,
    body.whmcs-dashboard-body .idh-auth__chip-dot {
        animation: none;
    }
}

@media (min-width: 992px) {
    body.whmcs-dashboard-body .idh-auth__promo--photo {
        position: sticky;
        top: 0;
        align-self: start;
        height: 100vh;
        min-height: 0;
    }

    body.whmcs-dashboard-body .idh-auth__photo {
        object-position: 78% center;
    }
}

/* Top bar language dropdown */

.idh-flag {
    display: inline-block;
    flex: 0 0 auto;
    width: 20px;
    height: 14px;
    border-radius: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 1px rgba(11, 17, 32, 0.08);
}

.idh-flag--da {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 28'%3E%3Cpath fill='%23C8102E' d='M0 0h37v28H0z'/%3E%3Cpath fill='%23fff' d='M12 0h4v28h-4zM0 12h37v4H0z'/%3E%3C/svg%3E");
}

.idh-flag--gb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23C8102E' stroke-width='4' clip-path='url(%23t)' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E");
}

.idh-lang-menu {
    position: relative;
    display: inline-flex;
}

.idh-lang-menu .idh-lang-menu__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.idh-lang-menu__chevron {
    font-size: 10px;
    opacity: 0.55;
    transition: transform 0.18s ease;
}

.idh-lang-menu.show .idh-lang-menu__chevron {
    transform: rotate(180deg);
}

body .idh-lang-menu__dropdown {
    min-width: 200px;
    margin-top: 8px;
    padding: 6px;
    border: 1px solid rgba(49, 96, 246, 0.12);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 60px -24px rgba(11, 17, 32, 0.35);
}

.idh-lang-menu__title {
    padding: 6px 10px 4px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body .idh-lang-menu__dropdown .idh-lang-menu__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 10px;
    color: #0b1120;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

body .idh-lang-menu__dropdown .idh-lang-menu__item:hover,
body .idh-lang-menu__dropdown .idh-lang-menu__item:focus {
    background: #f1f4fb;
    color: #3160f6;
    text-decoration: none;
}

body .idh-lang-menu__dropdown .idh-lang-menu__item.is-active {
    background: rgba(49, 96, 246, 0.08);
    color: #3160f6;
}

.idh-lang-menu__label {
    flex: 1 1 auto;
}

.idh-lang-menu__check {
    font-size: 12px;
}

body .idh-lang-menu__dropdown .dropdown-divider {
    margin: 6px 4px;
}

/* Content pages type scale ----------------------------------------------------
   Knowledgebase, announcements and the ticket form were sized in rem against the
   10px root, which left body copy at 7-10px. Use px here, as the order flow does. */

body.whmcs-dashboard-body .dashboard-kb-hero__eyebrow,
body.whmcs-dashboard-body .dashboard-kb-help__eyebrow,
body.whmcs-dashboard-body .dashboard-kb-article__eyebrow,
body.whmcs-dashboard-body .dashboard-announcements__badge,
body.whmcs-dashboard-body .dashboard-announcements__insight-label {
    font-size: 12px;
}

body.whmcs-dashboard-body .dashboard-kb-hero__description {
    font-size: 16px;
    line-height: 1.6;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric strong {
    font-size: 18px;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric span,
body.whmcs-dashboard-body .dashboard-kb-tags__label,
body.whmcs-dashboard-body .dashboard-kb-article__meta span,
body.whmcs-dashboard-body .dashboard-kb-list__copy small,
body.whmcs-dashboard-body .dashboard-announcements__date {
    font-size: 13px;
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control {
    font-size: 15px;
}

body.whmcs-dashboard-body .dashboard-kb-tag,
body.whmcs-dashboard-body .dashboard-kb-list__tag,
body.whmcs-dashboard-body .dashboard-kb-section-badge,
body.whmcs-dashboard-body .dashboard-kb-category__count,
body.whmcs-dashboard-body .dashboard-announcements__insight-metric span {
    font-size: 12px;
}

body.whmcs-dashboard-body .dashboard-kb-list__copy strong,
body.whmcs-dashboard-body .dashboard-kb-related__copy strong,
body.whmcs-dashboard-body .dashboard-kb-category__name,
body.whmcs-dashboard-body .dashboard-kb-highlight strong {
    font-size: 15px;
}

body.whmcs-dashboard-body .dashboard-kb-help h3,
body.whmcs-dashboard-body .dashboard-announcements__insight-title,
body.whmcs-dashboard-body .dashboard-announcements__insight-metric strong {
    font-size: 18px;
}

body.whmcs-dashboard-body .dashboard-kb-help p,
body.whmcs-dashboard-body .dashboard-kb-highlight p,
body.whmcs-dashboard-body .dashboard-announcements__insight-copy {
    font-size: 14px;
    line-height: 1.6;
}

body.whmcs-dashboard-body .dashboard-kb-article__content,
body.whmcs-dashboard-body .dashboard-announcement-story__content {
    font-size: 16px;
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-announcements__summary {
    font-size: 15px;
    line-height: 1.6;
}

body.whmcs-dashboard-body :is(.dashboard-kb-hero, .dashboard-kb-layout, .dashboard-kb-related, .dashboard-kb-article-layout, .dashboard-announcements, .dashboard-announcement-view, .dashboard-support-request) .dashboard-panel__title {
    font-size: 18px;
}

body.whmcs-dashboard-body :is(.dashboard-announcements, .dashboard-announcement-view) h1.dashboard-panel__title {
    font-size: 24px;
}

body.whmcs-dashboard-body :is(.dashboard-kb-hero, .dashboard-kb-layout, .dashboard-kb-related, .dashboard-kb-article-layout, .dashboard-announcements, .dashboard-announcement-view, .dashboard-support-request) .dashboard-panel__copy {
    font-size: 14px !important;
}

body.whmcs-dashboard-body :is(.dashboard-kb-hero, .dashboard-kb-layout, .dashboard-kb-highlights, .dashboard-kb-article-layout, .dashboard-announcements, .dashboard-announcement-view, .dashboard-support-request) :is(.btn, .alert) {
    font-size: 14px;
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-kb-hero__description,
    body.whmcs-dashboard-body .dashboard-kb-article__content,
    body.whmcs-dashboard-body .dashboard-announcement-story__content {
        font-size: 15px;
    }

    body.whmcs-dashboard-body .dashboard-kb-help p,
    body.whmcs-dashboard-body .dashboard-kb-highlight p,
    body.whmcs-dashboard-body .dashboard-kb-list__copy small {
        font-size: 14px;
    }
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link,
body.whmcs-dashboard-body .dashboard-kb-side-nav__link span,
body.whmcs-dashboard-body .dashboard-kb-article__feedback strong,
body.whmcs-dashboard-body .dashboard-kb-article__feedback-thanks,
body.whmcs-dashboard-body .dashboard-kb-tip p,
body.whmcs-dashboard-body .dashboard-kb-tip strong,
body.whmcs-dashboard-body .dashboard-support-upload strong,
body.whmcs-dashboard-body .dashboard-support-upload span,
body.whmcs-dashboard-body .dashboard-support-tip p,
body.whmcs-dashboard-body .dashboard-support-tip li,
body.whmcs-dashboard-body .dashboard-support-tip a {
    font-size: 14px;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy small,
body.whmcs-dashboard-body .dashboard-announcement-card__copy small,
body.whmcs-dashboard-body .dashboard-support-upload small {
    font-size: 13px;
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy strong {
    font-size: 15px;
}

body.whmcs-dashboard-body .dashboard-support-tip h4 {
    font-size: 16px;
}

/* The knowledgebase panel header is a grid, which stretched the article count across the panel. */
body.whmcs-dashboard-body .dashboard-kb-main .dashboard-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.whmcs-dashboard-body .dashboard-kb-section-badge {
    flex: 0 0 auto;
    width: auto;
}

/* Public pages: stock WHMCS parts (page header, buttons, forms, tables) on the same px scale. */
body.whmcs-dashboard-body.is-public-page .dashboard-page-subtitle {
    display: none;
}

body.whmcs-dashboard-body.is-public-page .dashboard-page-title {
    font-size: 28px;
}

body.whmcs-dashboard-body.is-public-page .dashboard-page__inner :is(.btn, .alert, .page-link, .breadcrumb, .breadcrumb-item, label, .custom-file-label, .dataTables_info, .list-group-item) {
    font-size: 14px;
}

body.whmcs-dashboard-body.is-public-page .dashboard-page__inner .pagination .page-link {
    font-size: 14px;
}

body.whmcs-dashboard-body.is-public-page .dashboard-page__inner :is(.form-control, .custom-select, .input-group-text) {
    font-size: 15px;
}

body.whmcs-dashboard-body.is-public-page .dashboard-page__inner :is(small, .small, .small-font, .markdown-save) {
    font-size: 13px;
}

body.whmcs-dashboard-body.is-public-page .contact-standalone p,
body.whmcs-dashboard-body.is-public-page .contact-standalone strong {
    font-size: 15px;
}

body.whmcs-dashboard-body.is-public-page .auth-shell__eyebrow {
    font-size: 12px;
}

body.whmcs-dashboard-body .dashboard-panel > :is(.dashboard-announcements__header, .dashboard-announcement-view__header) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
}

body.whmcs-dashboard-body :is(.dashboard-announcements__header, .dashboard-announcement-view__header) > .btn {
    flex: 0 0 auto;
    width: auto;
}

/* The contact page keeps its own design but sits on the same centred column as the topbar. */
body.whmcs-dashboard-body.is-public-page.is-contact-page .dashboard-page__inner {
    max-width: 1232px;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    /* Bootstrap gives the input 1% width, which collapses it in the one-column mobile search grid. */
    body.whmcs-dashboard-body .dashboard-kb-search .input-group > .form-control {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-announcement-story__meta span,
    body.whmcs-dashboard-body.is-public-page .dashboard-page__inner .pagination .page-link {
        font-size: 13px;
    }
}

/* Ticket attachments: the file field, Browse and Add more share one 44px height and one type size. */
body.whmcs-dashboard-body .attachment-group {
    flex-wrap: nowrap;
    align-items: stretch;
}

body.whmcs-dashboard-body .attachment-group .custom-file,
body.whmcs-dashboard-body .attachment-group .custom-file-input {
    height: 44px;
}

body.whmcs-dashboard-body .attachment-group .custom-file-label {
    height: 44px;
    padding: 0 104px 0 14px;
    border: 1px solid #ced4da;
    border-radius: 8px 0 0 8px;
    color: #0b0d1f;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 42px;
}

body.whmcs-dashboard-body .attachment-group .custom-file-label::after {
    height: 42px;
    padding: 0 14px;
    border-radius: 0;
    background: #f1f4fb;
    color: #0b0d1f;
    font-size: 14px;
    font-weight: 600;
    line-height: 42px;
}

body.whmcs-dashboard-body .attachment-group:not(:has(.input-group-append)) .custom-file-label,
body.whmcs-dashboard-body .attachment-group:not(:has(.input-group-append)) .custom-file-label::after {
    border-radius: 0 8px 8px 0;
}

body.whmcs-dashboard-body .attachment-group:not(:has(.input-group-append)) .custom-file-label {
    border-radius: 8px;
}

body.whmcs-dashboard-body #btnTicketAttachmentsAdd {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    margin-left: -1px;
    padding: 0 16px;
    border: 1px solid #ced4da;
    border-radius: 0 8px 8px 0;
    background: #fff;
    color: #0b0d1f;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    box-shadow: none;
    transform: none;
}

body.whmcs-dashboard-body #btnTicketAttachmentsAdd:hover {
    background: #f1f4fb;
    color: #2449d8;
}

body.whmcs-dashboard-body #btnTicketAttachmentsAdd i {
    font-size: 12px;
}

/* Older table pages (emails, services, domains, users, contacts, security) on the invoice and ticket type scale. */
/* The vendor dashb.css sets Cairo on tables, which is never loaded and fell back to a system font. */
body.whmcs-dashboard-body .table-container,
body.whmcs-dashboard-body .action-icon-btns a {
    font-family: var(--font-body);
}

body.whmcs-dashboard-body .dashboard-analytics-card__label {
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.whmcs-dashboard-body .dashboard-analytics-card__value {
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

body.whmcs-dashboard-body .dashboard-analytics-card__meta {
    font-size: 13px !important;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-page-heading .dashboard-page-title {
    font-size: 22px !important;
    font-weight: 800;
    line-height: 1.2;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-page-heading .dashboard-panel__copy {
    font-size: 15px !important;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-toolbar-search .form-control {
    height: 46px !important;
    font-size: 15px !important;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-toolbar-search i,
body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-icon-btn {
    font-size: 14px !important;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-icon-btn {
    width: 46px;
    height: 46px;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-table thead th {
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-table tbody td {
    font-size: 15px !important;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dataTables_info,
body.whmcs-dashboard-body .dashboard-page-table-panel .dataTables_length label,
body.whmcs-dashboard-body .dashboard-page-table-panel .dataTables_paginate .page-link {
    font-size: 14px !important;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .dataTables_length select {
    height: 36px !important;
    font-size: 14px !important;
}

/* Contacts: one picker row, a readable form, preference cards with the checkbox in the flow, actions at the foot. */
body.whmcs-dashboard-body .idh-contact-picker {
    display: grid;
    gap: 8px;
    margin: 0 0 8px;
    padding: 4px 0 24px;
    border-bottom: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-contact-picker__label {
    margin: 0;
    color: var(--idh-ink);
    font-size: 14px;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-contact-picker__row {
    display: flex;
    gap: 10px;
    max-width: 640px;
}

body.whmcs-dashboard-body .idh-contact-picker__row .custom-select {
    flex: 1 1 auto;
    height: 46px !important;
    padding: 0 40px 0 14px !important;
    border: 1px solid var(--idh-line) !important;
    border-radius: 10px !important;
    background-position: right 14px center;
    color: var(--idh-ink);
    font-size: 15px !important;
}

body.whmcs-dashboard-body .idh-contact-picker__go,
body.whmcs-dashboard-body .idh-contact-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 22px;
    border: 1px solid var(--idh-line);
    border-radius: 10px;
    background: #fff;
    color: var(--idh-ink);
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1;
    box-shadow: none;
    transform: none;
}

body.whmcs-dashboard-body .idh-contact-picker__go:hover,
body.whmcs-dashboard-body .idh-contact-actions .idh-contact-actions__reset:hover {
    border-color: rgba(49, 96, 246, 0.4);
    color: var(--idh-blue);
}

/* The card and its body both carried padding, so the form started well inside the picker's edge. */
body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card,
body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card > .card-body {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card {
    padding-top: 24px !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card .card-title {
    font-size: 18px !important;
    font-weight: 700;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card .dashboard-panel__copy {
    color: var(--idh-muted);
    font-size: 14px !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card .col-form-label {
    padding: 0 0 6px !important;
    color: var(--idh-ink);
    font-size: 14px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card :is(.form-control, .custom-select) {
    height: 46px !important;
    border-color: var(--idh-line) !important;
    border-radius: 10px !important;
    color: var(--idh-ink);
    font-size: 15px !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-settings-card :is(.form-control, .custom-select):focus {
    border-color: var(--idh-blue) !important;
    box-shadow: 0 0 0 3px rgba(49, 96, 246, 0.14) !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preferences--grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0;
    padding: 0;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference--card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin: 0;
    padding: 14px 16px !important;
    border: 1px solid var(--idh-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference--card:hover {
    border-color: rgba(49, 96, 246, 0.4) !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference--card:has(.form-check-input:checked) {
    border-color: var(--idh-blue) !important;
    background: rgba(49, 96, 246, 0.05) !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference--card .form-check-input {
    position: static !important;
    flex: 0 0 auto;
    width: 18px !important;
    height: 18px !important;
    margin: 1px 0 0 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    accent-color: var(--idh-blue);
    cursor: pointer;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference__label {
    display: grid;
    gap: 2px;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference__label strong {
    color: var(--idh-ink);
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.35;
}

body.whmcs-dashboard-body:is([data-page-template="account-contacts-new"], [data-page-template="account-contacts-manage"]) .dashboard-email-preference__label small {
    color: var(--idh-muted);
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.45;
}

body.whmcs-dashboard-body .idh-contact-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-contact-actions .idh-contact-actions__save {
    border-color: var(--idh-blue);
    background: var(--idh-blue);
    color: #fff;
}

body.whmcs-dashboard-body .idh-contact-actions .idh-contact-actions__save:hover {
    border-color: #2449d8;
    background: #2449d8;
    color: #fff;
}

body.whmcs-dashboard-body .idh-contact-actions .idh-contact-actions__delete {
    margin-left: auto;
    border-color: rgba(217, 61, 66, 0.35);
    color: #c2343a;
}

body.whmcs-dashboard-body .idh-contact-actions .idh-contact-actions__delete:hover {
    background: rgba(217, 61, 66, 0.06);
    color: #a92a30;
}

body.whmcs-dashboard-body :is(.idh-contact-picker__go, .idh-contact-actions .btn):focus-visible {
    outline: 2px solid var(--idh-blue);
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    body.whmcs-dashboard-body .idh-contact-actions .btn {
        flex: 1 1 auto;
    }

    body.whmcs-dashboard-body .idh-contact-actions .idh-contact-actions__delete {
        flex-basis: 100%;
        margin-left: 0;
    }
}

/* Domains: bulk actions for the selected rows and the search share one quiet bar above the table. */
body.whmcs-dashboard-body .idh-domain-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    margin: 20px 0 16px;
    padding: 12px 0;
    border-top: 1px solid var(--idh-line);
    border-bottom: 1px solid var(--idh-line);
}

body.whmcs-dashboard-body .idh-domain-bar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.whmcs-dashboard-body .idh-domain-bar__label {
    margin: 0 4px 0 4px;
    color: var(--idh-muted);
    font-size: 13px;
    font-weight: 600;
}

body.whmcs-dashboard-body .idh-domain-bar .idh-domain-bar__btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    width: auto !important;
    height: 40px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--idh-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--idh-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.whmcs-dashboard-body .idh-domain-bar .idh-domain-bar__btn i {
    color: var(--idh-blue);
    font-size: 13px !important;
}

body.whmcs-dashboard-body .idh-domain-bar .idh-domain-bar__btn:hover,
body.whmcs-dashboard-body .idh-domain-bar .idh-domain-bar__btn[aria-expanded="true"] {
    border-color: rgba(49, 96, 246, 0.4) !important;
    color: var(--idh-blue) !important;
}

body.whmcs-dashboard-body .idh-domain-bar .idh-domain-bar__btn:focus-visible {
    outline: 2px solid var(--idh-blue);
    outline-offset: 2px;
}

body.whmcs-dashboard-body .idh-domain-bar .dropdown-menu {
    font-size: 14px;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .idh-domain-bar .idh-domain-bar__search {
    flex: 1 1 220px;
    min-width: 200px;
    max-width: 320px;
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-page-table-panel .idh-domain-bar .idh-domain-bar__search .form-control {
    height: 40px !important;
    background: #fff;
    font-size: 14px !important;
}

/* On phones the empty-table row took the 30px checkbox column width and broke "No Records Found" letter by letter. */
body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-table td.dataTables_empty {
    width: auto !important;
    max-width: none !important;
    padding: 16px !important;
    text-align: center;
    word-break: normal;
}

/* The page's main action button sat at 10.6px; give it the same size as the other buttons. */
body.whmcs-dashboard-body .dashboard-page-table-panel .dashboard-link--hero {
    min-height: 46px;
    padding: 0 20px !important;
    font-size: 15px !important;
    line-height: 1.2;
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-page-table-panel .idh-domain-bar .idh-domain-bar__search {
        flex-basis: 100%;
        min-width: 0;
        max-width: none;
    }

    body.whmcs-dashboard-body .idh-domain-bar__label {
        flex-basis: 100%;
    }

    body.whmcs-dashboard-body .idh-domain-bar .idh-domain-bar__btn,
    body.whmcs-dashboard-body .idh-domain-bar .btn-group {
        flex: 1 1 auto;
        justify-content: center;
    }

    body.whmcs-dashboard-body .idh-domain-bar .btn-group .idh-domain-bar__btn {
        width: 100% !important;
    }
}

/* Users, security and services pages on the same px type scale; the theme root is 10px, so rem text fell under 12px. */
body.whmcs-dashboard-body .dashboard-page-header .dashboard-page-subtitle,
body.whmcs-dashboard-body .dashboard-page-header :is(.breadcrumb, .breadcrumb-item, .breadcrumb-item a) {
    font-size: 13px !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-page-heading .dashboard-page-title {
    font-size: 22px !important;
    font-weight: 800;
    line-height: 1.2;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-page-heading .dashboard-panel__copy {
    font-size: 15px !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-user-management"], [data-page-template="user-security"]) .dashboard-page-heading__actions .dashboard-action-ghost {
    min-height: 46px;
    font-size: 15px !important;
    line-height: 1.2;
}

body.whmcs-dashboard-body:is([data-page-template="account-user-management"], [data-page-template="user-security"]) .dashboard-panel__header .dashboard-panel__title {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.3;
}

body.whmcs-dashboard-body:is([data-page-template="account-user-management"], [data-page-template="user-security"]) .dashboard-panel__header .dashboard-panel__copy {
    color: var(--idh-muted);
    font-size: 14px !important;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] .dashboard-table--user-management .dashboard-item-title {
    font-size: 15px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] .dashboard-table--user-management .dashboard-item-subtitle {
    font-size: 13px !important;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] .dashboard-table--user-management .status-pill {
    padding: 4px 10px;
    font-size: 13px !important;
    font-weight: 700;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] .dashboard-table--user-management td > strong {
    font-size: 14px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] .dashboard-table--user-management .btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] .table-container + .text-muted,
body.whmcs-dashboard-body[data-page-template="account-user-management"] #invitePermissions .text-muted {
    font-size: 13px !important;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] #inviteUserPanel .form-check {
    font-size: 14px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body[data-page-template="account-user-management"] #invitePermissions .form-check .text-muted {
    font-weight: 400;
}

body.whmcs-dashboard-body[data-page-template="user-security"] .dashboard-panel .col-form-label {
    padding: 0 0 6px !important;
    font-size: 14px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body:is([data-page-template="account-user-management"], [data-page-template="user-security"]) .dashboard-page-table-panel .dashboard-panel :is(.form-control, .custom-select) {
    height: 46px !important;
    font-size: 15px !important;
}

body.whmcs-dashboard-body:is([data-page-template="account-user-management"], [data-page-template="user-security"]) .dashboard-page-table-panel .dashboard-panel form .btn:not(.btn-sm),
body.whmcs-dashboard-body[data-page-template="user-security"] .dashboard-panel .btn.twofa-config-link {
    min-height: 46px !important;
    padding: 0 22px !important;
    font-size: 15px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body[data-page-template="user-security"] .dashboard-panel p.twofa-config-link,
body.whmcs-dashboard-body[data-page-template="user-security"] .dashboard-panel .alert {
    font-size: 14px !important;
}

/* ==========================================================================
   Theme-wide detector pass: readable text floor, no glows, no nested cards,
   icons beside their headings, one heading level at a time.
   ========================================================================== */

/* Text floor: labels, pills, tables and small print were 7-10px on the 10px root. */
body.whmcs-dashboard-body .form-group label,
body.whmcs-dashboard-body .col-form-label,
body.whmcs-dashboard-body .dashboard-email-preference__label,
body.whmcs-dashboard-body .dashboard-marketing-choice__item span {
    font-size: 14px !important;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading p,
body.whmcs-dashboard-body .dashboard-settings-card__heading .dashboard-panel__copy {
    font-size: 14px !important;
}

body.whmcs-dashboard-body h2.card-title {
    margin-bottom: 4px;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.3;
}

body.whmcs-dashboard-body .modal h2.modal-title {
    font-size: 18px;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-user-card__email {
    font-size: 12px !important;
}

body.whmcs-dashboard-body .status-pill,
body.whmcs-dashboard-body .label {
    font-size: 12px !important;
}

body.whmcs-dashboard-body .dashboard-item-title,
body.whmcs-dashboard-body .dashboard-table-money {
    font-size: 15px !important;
}

body.whmcs-dashboard-body .dashboard-item-subtitle {
    font-size: 13px !important;
}

body.whmcs-dashboard-body .dataTables_wrapper .dataTables_info,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_length label,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .page-link {
    font-size: 14px !important;
}

body.whmcs-dashboard-body .text-muted small,
body.whmcs-dashboard-body .alert small,
body.whmcs-dashboard-body .small-font {
    color: var(--idh-muted, #5b6474);
    font-size: 13px !important;
}

body.whmcs-dashboard-body .idh-chip {
    font-size: 13px !important;
}

body.whmcs-dashboard-body .dashboard-panel__copy {
    max-width: 70ch;
}

/* Status colours with white text need 4.5:1; the old greens and reds sat near 3:1. */
body.whmcs-dashboard-body .label-success,
body.whmcs-dashboard-body .btn-success {
    border-color: #15803d !important;
    background-color: #15803d !important;
    color: #fff !important;
}

body.whmcs-dashboard-body .btn-danger {
    border-color: #c62f35 !important;
    background-color: #c62f35 !important;
    color: #fff !important;
}

body.whmcs-dashboard-body .status-pill.info,
body.whmcs-dashboard-body .status-pill.info span,
body.whmcs-dashboard-body .dashboard-announcements__badge,
body.whmcs-dashboard-body .dashboard-announcements__insight-label {
    color: #2449d8 !important;
}

body.whmcs-dashboard-body ::placeholder {
    color: #646d7e;
}

/* No coloured glows: the active nav item and primary buttons rely on colour, not a halo. */
body.whmcs-dashboard-body .idh-nav__link.is-active,
body.whmcs-dashboard-body[data-theme] .idh-nav__link.is-active,
body.whmcs-dashboard-body .idh-btn--primary,
body.whmcs-dashboard-body[data-theme] .idh-btn:hover,
.btn.btn-brand,
.dashboard-cta-btn {
    box-shadow: none !important;
}

/* No cards inside cards: inner groups become plain sections split by a hairline. */
body.whmcs-dashboard-body .dashboard-panel .dashboard-panel {
    margin-top: 24px;
    padding: 24px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--idh-line, #e6e9f0) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .dashboard-support-tip {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    padding: 0 0 20px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--idh-line, #e6e9f0) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .dashboard-support-tip + .dashboard-support-tip {
    padding-top: 20px !important;
}

body.whmcs-dashboard-body .dashboard-support-tip:last-child {
    border-bottom: 0 !important;
}

body.whmcs-dashboard-body .dashboard-support-tip > :not(.dashboard-support-tip__icon) {
    grid-column: 2;
}

body.whmcs-dashboard-body .dashboard-support-tip__icon {
    grid-row: 1 / span 3;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
}

body.whmcs-dashboard-body .dashboard-support-tip h4 {
    margin: 6px 0 4px;
}

body.whmcs-dashboard-body .dashboard-support-tip p,
body.whmcs-dashboard-body .dashboard-support-tip li {
    color: var(--idh-muted, #5b6474) !important;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone {
    background: transparent !important;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Empty states: a plain icon above the message, not a tinted tile. */
body.whmcs-dashboard-body .idh-list .idh-list__empty-icon {
    width: auto !important;
    height: auto !important;
    margin-bottom: 12px !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--idh-muted, #5b6474) !important;
    font-size: 32px !important;
}

/* Account details lost its decorative side column; the form now uses the full width. */
body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
    grid-template-columns: minmax(0, 1fr) !important;
}

/* Contact: the other ways to get help are links now. */
.contact-standalone__way {
    color: inherit;
    text-decoration: none;
}

.contact-standalone__way:hover strong {
    color: var(--primary, #3160f6);
}

.contact-standalone__way > span:last-child {
    display: grid;
    gap: 2px;
}

.contact-standalone__way > span:last-child > span {
    color: #5b6474;
    font-size: 14px;
}

/* Second detector round. */
body.whmcs-dashboard-body .dashboard-table td .dashboard-table-service__copy .dashboard-item-subtitle,
body.whmcs-dashboard-body .dashboard-table td .dashboard-item-subtitle {
    font-size: 13px !important;
}

body.whmcs-dashboard-body .status-pill.success {
    background: #e8f6ee !important;
    color: #11743a !important;
}

/* Settings card and page headings: the icon sits beside the title, not stacked above it. */
body.whmcs-dashboard-body .dashboard-page-heading__title,
body.whmcs-dashboard-body .dashboard-settings-card__heading {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

body.whmcs-dashboard-body .dashboard-page-heading__title > .dashboard-page-heading__icon,
body.whmcs-dashboard-body .dashboard-settings-card__heading > .dashboard-page-heading__icon {
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-page-heading__title > div {
    min-width: 0;
}

/* About 80 characters a line; "ch" runs wide in Plus Jakarta Sans, so the cap is set in em. */
body.whmcs-dashboard-body p.dashboard-panel__copy {
    max-width: 40em !important;
}

/* The featured announcement lost its decorative stats panel: one column, part of the panel rather than a card in it. */
body.whmcs-dashboard-body .dashboard-announcements__featured {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    grid-template-columns: minmax(0, 1fr) !important;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-card {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Notices inside a card are a tinted strip, not a second bordered card. */
body.whmcs-dashboard-body .card .alert,
body.whmcs-dashboard-body .dashboard-panel .alert {
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 767.98px) {
    /* The legacy list table floats its search over the info line on phones. */
    body.whmcs-dashboard-body .listtable .dataTables_filter {
        float: none !important;
        margin: 0 0 8px !important;
    }

    body.whmcs-dashboard-body .listtable .dataTables_info {
        padding: 0 !important;
        background: none !important;
    }

    /* The quotes table's length menu and info line overlapped on phones. */
    body.whmcs-dashboard-body .dataTables_wrapper .dataTables_info,
    body.whmcs-dashboard-body .dataTables_wrapper .dataTables_length {
        position: static !important;
        float: none !important;
        display: block;
        width: 100%;
        margin: 8px 0 !important;
        text-align: left !important;
    }
}

/* Payment methods. The list and the add/edit form took their sizes from rems on the 10px root, which put the table
   text at 8px and the form's buttons at 9-10px, so both get the pixel sizes the other account pages use. */
body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods .dashboard-panel__header {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods .dashboard-panel__title {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.3;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods .dashboard-panel__copy {
    margin-top: 4px;
    color: var(--idh-muted);
    font-size: 14px !important;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.whmcs-dashboard-body:is([data-page-template="account-paymentmethods"], [data-page-template="account-paymentmethods-manage"]) :is(.dashboard-paymethods__actions .btn, .submit-container .btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px !important;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList thead th {
    padding: 12px 16px;
    font-size: 12px !important;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList tbody td {
    padding: 16px;
    color: var(--idh-ink);
    font-size: 15px !important;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList .dashboard-item-title {
    font-size: 15px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList .dashboard-table-service {
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList .dashboard-table-service__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    font-size: 18px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList .status-pill {
    margin: 2px 4px 2px 0;
    padding: 4px 10px;
    font-size: 13px !important;
    font-weight: 700;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList .dashboard-row-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

body.whmcs-dashboard-body:is([data-page-template="account-paymentmethods"], [data-page-template="account-paymentmethods-manage"]) :is(#payMethodList, .frm-credit-card-input) .btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__empty-row:hover {
    background: transparent;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 16px;
    text-align: center;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__empty .dashboard-table-service__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    font-size: 20px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__empty p {
    margin: 0;
    color: var(--idh-muted);
    font-size: 15px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .frm-credit-card-input {
    margin-top: 20px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .card-title {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.3;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .frm-credit-card-input :is(.control-label, .form-check) {
    color: var(--idh-ink);
    font-size: 14px !important;
    font-weight: 600;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .frm-credit-card-input :is(.form-control, .custom-select) {
    height: 46px;
    border-color: var(--idh-line);
    border-radius: 10px;
    color: var(--idh-ink);
    font-size: 15px !important;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .frm-credit-card-input .input-group .form-control {
    border-radius: 10px 0 0 10px;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .frm-credit-card-input .input-group-text {
    border-color: var(--idh-line);
    border-radius: 0 10px 10px 0;
    font-size: 14px !important;
}

body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] .frm-credit-card-input :is(.field-error-msg, #cvvWhereLink) {
    font-size: 13px !important;
}

/* A billing contact is one line of address text. The dashboard turns inline checks into flex rows on smaller
   screens, which dropped the spaces between the name and address parts. */
body.whmcs-dashboard-body[data-page-template="account-paymentmethods-manage"] #innerBillingContactsContainer .form-check {
    display: block;
    margin-right: 0;
    font-weight: 400;
    line-height: 1.6;
}

/* Below 992px the dashboard tables stack each row into a card. WHMCS caps the second and third cells at 15em for its
   own layout, which cut their dividers short there. */
@media (max-width: 991.98px) {
    body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList tbody td {
        max-width: none;
        padding: 0;
    }

    body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList tbody td + td {
        padding-top: 10px;
    }

    body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 2px;
        color: var(--idh-muted);
        font-size: 12px;
        font-weight: 600;
    }

    body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] #payMethodList .dashboard-row-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__actions,
    body.whmcs-dashboard-body[data-page-template="account-paymentmethods"] .dashboard-paymethods__actions .btn {
        width: 100%;
    }
}