:root {
    color-scheme: light;
    --primary-color: #1C3FAA;
    --secondary-color: #00D09C;
    --accent-color: #FF9F43;
    --dark-text: #2F3542;
    --page-bg: #F1F2F6;
    --light-bg: var(--page-bg);
    --white: #FFFFFF;
    --on-primary: #FFFFFF;
    --deep-surface: #2F3542;
    --surface-color: #FFFFFF;
    --surface-raised: #FFFFFF;
    --surface-glass: rgba(255, 255, 255, 0.9);
    --surface-glass-border: rgba(255, 255, 255, 0.74);
    --overlay-bg: rgba(241, 242, 246, 0.78);
    --primary-action: #1C3FAA;
    --primary-action-hover: #17358F;
    --disabled-bg: #E5E8EF;
    --disabled-text: #596579;
    --primary-50: #EEF2FF;
    --primary-100: #DDE5FF;
    --primary-200: #BCCAFF;
    --primary-300: #8EA5F5;
    --primary-400: #5576DD;
    --primary-500: #2F53C2;
    --primary-600: #1C3FAA;
    --primary-700: #17358F;
    --primary-800: #142D75;
    --primary-900: #10235B;
    --mint-50: #E9FFF9;
    --mint-100: #C8FFF0;
    --mint-600: #00B989;
    --mint-700: #009F77;
    --accent-50: #FFF6EC;
    --accent-100: #FFE7CF;
    --accent-600: #F28B27;
    --danger-color: #E5484D;
    --muted-text: #70798C;
    --border-color: #DFE4EE;
    --surface-muted: #F8F9FC;
    --shadow-sm: 0 4px 14px rgba(47, 53, 66, 0.06);
    --shadow-md: 0 10px 30px rgba(28, 63, 170, 0.10);
    --shadow-lg: 0 24px 60px rgba(28, 63, 170, 0.16);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

    --primary: var(--primary-color);
    --primary-lifted: var(--primary-700);
    --primary-accented: var(--primary-800);
    --secondary: #64748B;
    --secondary-lifted: #475569;
    --secondary-accented: #334155;
    --success: var(--secondary-color);
    --success-lifted: var(--mint-600);
    --success-accented: var(--mint-700);
    --info: var(--primary-color);
    --info-lifted: var(--primary-700);
    --info-accented: var(--primary-800);
    --notice: var(--accent-color);
    --notice-lifted: var(--accent-600);
    --notice-accented: #D97718;
    --warning: var(--accent-color);
    --warning-lifted: var(--accent-600);
    --warning-accented: #D97718;
    --error: var(--danger-color);
    --error-lifted: #CC3D42;
    --error-accented: #A93439;
    --text: var(--dark-text);
    --text-muted: #8A93A5;
    --text-lifted: #70798C;
    --text-accented: #515A6D;
    --text-inverted: var(--on-primary);
    --border-muted: #EDF0F5;
    --border: var(--border-color);
    --border-lifted: #C9D0DC;
    --border-accented: #C9D0DC;
    --bg-accented: var(--surface-muted);
    --grayscale: #DFE4EE;
    --grayscale-lifted: #EDF0F5;
    --grayscale-accented: #334155;
    --neutral: #64748B;
    --neutral-lifted: #475569;
    --neutral-accented: #334155;
    --yellow-200: #FFE7CF;
    --yellow-300: #FFB15F;
    --pink-400: #E879A9;
    --teal-300: #5DD9C1;
    --bg: var(--surface-color);
    --bg-muted: var(--surface-muted);
    --bg-lifted: var(--page-bg);
    --bg-inverted: var(--deep-surface);

    --np-focus-ring: #0A58CA;
    --np-focus-shadow: rgba(10, 88, 202, 0.34);

    --np-btn-default-color: #1C3FAA;
    --np-btn-default-bg: #FFFFFF;
    --np-btn-default-border: #70798C;
    --np-btn-default-hover-color: #FFFFFF;
    --np-btn-default-hover-bg: #1C3FAA;
    --np-btn-default-hover-border: #1C3FAA;
    --np-btn-default-active-color: #FFFFFF;
    --np-btn-default-active-bg: #17358F;
    --np-btn-default-active-border: #17358F;

    --np-btn-primary-color: #FFFFFF;
    --np-btn-primary-bg: #1C3FAA;
    --np-btn-primary-border: #1C3FAA;
    --np-btn-primary-hover-bg: #17358F;
    --np-btn-primary-hover-border: #17358F;
    --np-btn-primary-active-bg: #142D75;
    --np-btn-primary-active-border: #142D75;
    --np-btn-primary-outline: #1C3FAA;

    --np-btn-secondary-color: #FFFFFF;
    --np-btn-secondary-bg: #64748B;
    --np-btn-secondary-border: #64748B;
    --np-btn-secondary-hover-bg: #475569;
    --np-btn-secondary-hover-border: #475569;
    --np-btn-secondary-active-bg: #334155;
    --np-btn-secondary-active-border: #334155;
    --np-btn-secondary-outline: #475569;

    --np-btn-success-color: #073D31;
    --np-btn-success-bg: #00D09C;
    --np-btn-success-border: #00D09C;
    --np-btn-success-hover-bg: #00C08E;
    --np-btn-success-hover-border: #00C08E;
    --np-btn-success-active-bg: #00B989;
    --np-btn-success-active-border: #00B989;
    --np-btn-success-outline: #007A5B;

    --np-btn-danger-color: #FFFFFF;
    --np-btn-danger-bg: #C9363C;
    --np-btn-danger-border: #C9363C;
    --np-btn-danger-hover-bg: #B82E34;
    --np-btn-danger-hover-border: #B82E34;
    --np-btn-danger-active-bg: #A8272E;
    --np-btn-danger-active-border: #A8272E;
    --np-btn-danger-outline: #C9363C;

    --np-btn-warning-color: #33210D;
    --np-btn-warning-bg: #FF9F43;
    --np-btn-warning-border: #FF9F43;
    --np-btn-warning-hover-bg: #F28B27;
    --np-btn-warning-hover-border: #F28B27;
    --np-btn-warning-active-bg: #D97718;
    --np-btn-warning-active-border: #D97718;
    --np-btn-warning-outline: #A4510C;

    --np-btn-info-color: #FFFFFF;
    --np-btn-info-bg: #087F8C;
    --np-btn-info-border: #087F8C;
    --np-btn-info-hover-bg: #076C77;
    --np-btn-info-hover-border: #076C77;
    --np-btn-info-active-bg: #055B65;
    --np-btn-info-active-border: #055B65;
    --np-btn-info-outline: #087F8C;

    --np-btn-light-color: #1F2937;
    --np-btn-light-bg: #FFFFFF;
    --np-btn-light-border: #70798C;
    --np-btn-light-hover-bg: #EEF2F6;
    --np-btn-light-hover-border: #64748B;
    --np-btn-light-active-bg: #E1E7EF;
    --np-btn-light-active-border: #596579;
    --np-btn-light-outline: #334155;

    --np-btn-dark-color: #FFFFFF;
    --np-btn-dark-bg: #2F3542;
    --np-btn-dark-border: #2F3542;
    --np-btn-dark-hover-bg: #1E2530;
    --np-btn-dark-hover-border: #1E2530;
    --np-btn-dark-active-bg: #151A22;
    --np-btn-dark-active-border: #151A22;
    --np-btn-dark-outline: #2F3542;

    --np-btn-link-color: #1C3FAA;
    --np-btn-link-hover-color: #17358F;
    --np-btn-link-active-color: #142D75;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --primary-color: #8EA5F5;
    --primary-50: #18264A;
    --primary-100: #203463;
    --primary-200: #2D467C;
    --primary-300: #4663A5;
    --primary-400: #6885D8;
    --primary-500: #7F99EC;
    --primary-600: #8EA5F5;
    --primary-700: #6F8FEF;
    --primary-800: #3157B7;
    --primary-900: #15244B;
    --primary-action: #3157B7;
    --primary-action-hover: #3E68D4;
    --mint-50: #0E2D29;
    --mint-100: #12433A;
    --mint-600: #15C69A;
    --mint-700: #12A984;
    --accent-50: #302218;
    --accent-100: #49301D;
    --accent-600: #F29A44;
    --dark-text: #E7EDF7;
    --muted-text: #A8B2C3;
    --text-muted: #A8B2C3;
    --text-lifted: #C2CBD8;
    --text-accented: #E7EDF7;
    --page-bg: #0B1120;
    --surface-color: #111827;
    --surface-raised: #172033;
    --surface-muted: #182233;
    --surface-glass: rgba(17, 24, 39, 0.9);
    --surface-glass-border: rgba(148, 163, 184, 0.18);
    --overlay-bg: rgba(11, 17, 32, 0.82);
    --border-color: #344054;
    --border-muted: #273246;
    --border-lifted: #46546A;
    --border-accented: #46546A;
    --bg-accented: #202B3D;
    --grayscale: #344054;
    --grayscale-lifted: #273246;
    --grayscale-accented: #0A1222;
    --neutral: #8C9AB0;
    --neutral-lifted: #A8B2C3;
    --neutral-accented: #C2CBD8;
    --yellow-200: #49301D;
    --yellow-300: #B86B2A;
    --pink-400: #C86D9E;
    --teal-300: #3BAF9A;
    --disabled-bg: #263246;
    --disabled-text: #A8B2C3;
    --deep-surface: #070C16;
    --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.24);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.32);
    --shadow-lg: 0 26px 64px rgba(0, 0, 0, 0.4);

    --np-focus-ring: #AFC4FF;
    --np-focus-shadow: rgba(175, 196, 255, 0.45);

    --np-btn-default-color: #E7EDF7;
    --np-btn-default-bg: #172033;
    --np-btn-default-border: #60708A;
    --np-btn-default-hover-color: #E7EDF7;
    --np-btn-default-hover-bg: #273246;
    --np-btn-default-hover-border: #60708A;
    --np-btn-default-active-color: #E7EDF7;
    --np-btn-default-active-bg: #344054;
    --np-btn-default-active-border: #7C8CA3;

    --np-btn-primary-color: #0B1120;
    --np-btn-primary-bg: #8EA5F5;
    --np-btn-primary-border: #8EA5F5;
    --np-btn-primary-hover-bg: #7F99EC;
    --np-btn-primary-hover-border: #7F99EC;
    --np-btn-primary-active-bg: #6885D8;
    --np-btn-primary-active-border: #6885D8;
    --np-btn-primary-outline: #8EA5F5;

    --np-btn-secondary-color: #0B1120;
    --np-btn-secondary-bg: #A8B2C3;
    --np-btn-secondary-border: #A8B2C3;
    --np-btn-secondary-hover-bg: #94A3B8;
    --np-btn-secondary-hover-border: #94A3B8;
    --np-btn-secondary-active-bg: #7C8CA3;
    --np-btn-secondary-active-border: #7C8CA3;
    --np-btn-secondary-outline: #A8B2C3;

    --np-btn-success-color: #073D31;
    --np-btn-success-bg: #20C997;
    --np-btn-success-border: #20C997;
    --np-btn-success-hover-bg: #15B98A;
    --np-btn-success-hover-border: #15B98A;
    --np-btn-success-active-bg: #00B989;
    --np-btn-success-active-border: #00B989;
    --np-btn-success-outline: #38D9B0;

    --np-btn-danger-color: #2A0B0E;
    --np-btn-danger-bg: #F07075;
    --np-btn-danger-border: #F07075;
    --np-btn-danger-hover-bg: #E2555A;
    --np-btn-danger-hover-border: #E2555A;
    --np-btn-danger-active-bg: #E05258;
    --np-btn-danger-active-border: #E05258;
    --np-btn-danger-outline: #F07075;

    --np-btn-warning-color: #33210D;
    --np-btn-warning-bg: #F29A44;
    --np-btn-warning-border: #F29A44;
    --np-btn-warning-hover-bg: #FFB15F;
    --np-btn-warning-hover-border: #FFB15F;
    --np-btn-warning-active-bg: #E98C32;
    --np-btn-warning-active-border: #E98C32;
    --np-btn-warning-outline: #FFB15F;

    --np-btn-info-color: #061C21;
    --np-btn-info-bg: #21A1B1;
    --np-btn-info-border: #21A1B1;
    --np-btn-info-hover-bg: #1A9AAA;
    --np-btn-info-hover-border: #1A9AAA;
    --np-btn-info-active-bg: #1698A8;
    --np-btn-info-active-border: #1698A8;
    --np-btn-info-outline: #62D6E5;

    --np-btn-light-color: #0B1120;
    --np-btn-light-bg: #E7EDF7;
    --np-btn-light-border: #E7EDF7;
    --np-btn-light-hover-bg: #F8FAFC;
    --np-btn-light-hover-border: #F8FAFC;
    --np-btn-light-active-bg: #CBD5E1;
    --np-btn-light-active-border: #CBD5E1;
    --np-btn-light-outline: #E7EDF7;

    --np-btn-dark-color: #FFFFFF;
    --np-btn-dark-bg: #64748B;
    --np-btn-dark-border: #94A3B8;
    --np-btn-dark-hover-bg: #526176;
    --np-btn-dark-hover-border: #A8B2C3;
    --np-btn-dark-active-bg: #46546A;
    --np-btn-dark-active-border: #CBD5E1;
    --np-btn-dark-outline: #CBD5E1;

    --np-btn-link-color: #8EA5F5;
    --np-btn-link-hover-color: #7F99EC;
    --np-btn-link-active-color: #6885D8;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Light.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-SemiBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/fonts/webfonts/Vazirmatn-FD-NL-ExtraBold.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

html {
    direction: rtl;
    scroll-behavior: smooth;
    background: var(--page-bg);
}

body,
button,
input,
select,
textarea,
.tooltip,
.popover {
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
}

body.persiariver-shell,
body.rtl-layout,
body {
    direction: rtl;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--dark-text);
    font-size: 0.94rem;
    font-weight: 300;
    line-height: 1.9;
    text-align: right;
    background:
        radial-gradient(circle at 10% 10%, rgba(0, 208, 156, 0.08), transparent 28rem),
        radial-gradient(circle at 90% 4%, rgba(28, 63, 170, 0.08), transparent 30rem),
        var(--page-bg);
}

::selection {
    color: var(--on-primary);
    background: var(--primary-action);
}

*:focus-visible {
    outline: 3px solid var(--np-focus-ring);
    outline-offset: 2px;
}

a,
button,
.btn,
.card,
.tile,
.form-control,
.custom-select,
.dropdown-item,
.list-group-item,
.table-list tbody tr,
.nav-link,
.input-group-text {
    transition: var(--transition);
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-800);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--dark-text);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.45;
}

p,
label,
.text-muted {
    color: var(--muted-text) !important;
}

strong,
b,
.font-weight-bold {
    font-weight: 600 !important;
}

/* Bootstrap 4 RTL companion layer */
.row,
.form-row,
.navbar-nav,
.nav,
.input-group,
.btn-group,
.d-flex {
    direction: rtl;
}

.ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.ml-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.ml-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.ml-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.ml-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.ml-5 { margin-right: 3rem !important; margin-left: 0 !important; }
.mr-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.mr-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.mr-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.mr-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
.mr-5 { margin-left: 3rem !important; margin-right: 0 !important; }
.pl-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
.pl-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
.pl-3 { padding-right: 1rem !important; padding-left: 0 !important; }
.pl-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
.pl-5 { padding-right: 3rem !important; padding-left: 0 !important; }
.pr-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
.pr-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
.pr-3 { padding-left: 1rem !important; padding-right: 0 !important; }
.pr-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
.pr-5 { padding-left: 3rem !important; padding-right: 0 !important; }

.float-right {
    float: left !important;
}

.float-left {
    float: right !important;
}

.text-left {
    text-align: right !important;
}

.dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

.dropdown-menu-right {
    right: auto;
    left: 0;
}

.dropdown-toggle::after {
    margin-right: 0.35rem;
    margin-left: 0;
}

.input-group-prepend {
    margin-right: 0;
    margin-left: -1px;
}

.input-group-append {
    margin-right: -1px;
    margin-left: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.input-group-prepend .btn,
.input-group-prepend .input-group-text {
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.input-group-append .btn,
.input-group-append .input-group-text {
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.form-check-input {
    margin-right: -1.25rem;
    margin-left: 0;
}

.form-check {
    padding-right: 1.25rem;
    padding-left: 0;
}

.custom-control {
    padding-right: 1.5rem;
    padding-left: 0;
}

.custom-control-label::before,
.custom-control-label::after {
    right: -1.5rem;
    left: auto;
}

.modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

.pagination {
    padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-right: 0.6rem;
    padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.6rem;
    content: "\2039";
}

/* Shared shell */
.site-header {
    position: relative;
    z-index: 1030;
}

header.site-header {
    background: transparent;
}

.site-header .account-topbar {
    color: rgba(255, 255, 255, 0.86);
    background: linear-gradient(110deg, var(--primary-900), var(--deep-surface)) !important;
    border: 0;
    box-shadow: none;
}

.site-header .account-topbar .input-group-text {
    min-width: auto;
    color: rgba(255, 255, 255, 0.76);
    background: transparent;
    border: 0;
}

.site-header .account-topbar .btn {
    min-height: 34px;
    padding: 0.4rem 0.65rem;
    color: rgba(255, 255, 255, 0.88) !important;
    background: transparent;
    border: 1px solid transparent;
}

.site-header .account-topbar .btn-active-client {
    color: var(--on-primary) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.16);
}

.site-header .account-topbar .btn:hover,
.site-header .account-topbar .btn:focus {
    color: var(--on-primary) !important;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.16);
    transform: none;
}

.glass-nav,
.glass-dropdown,
.glass-panel {
    background: var(--surface-glass) !important;
    border: 1px solid var(--surface-glass-border) !important;
    box-shadow: var(--shadow-md);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

header.site-header > .unified-navbar {
    min-height: 78px;
    padding: 0.65rem 0;
    color: var(--dark-text);
    background: var(--surface-glass) !important;
    border-width: 0 0 1px !important;
    border-color: var(--surface-glass-border) !important;
    border-radius: 0;
    box-shadow: var(--shadow-md);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

header.site-header .unified-navbar__container {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: center;
}

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

.brand-lockup .logo-img {
    width: auto;
    max-width: 150px;
    height: 44px;
    box-sizing: border-box;
    object-fit: contain;
}

.brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.brand-name {
    color: var(--primary-color);
    font-size: 1.12rem;
    font-weight: 800;
}

.brand-tagline {
    margin-top: 0.25rem;
    color: var(--muted-text);
    font-size: 0.68rem;
    font-weight: 400;
}

.shell-toolbar {
    position: relative;
    z-index: 20;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0;
    margin-right: 0.25rem;
    padding: 0;
    list-style: none;
}

header.site-header .shell-toolbar > .nav-item {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin: 0;
    padding: 0;
}

header.site-header .shell-toolbar .nav-link,
header.site-header .shell-toolbar .btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    margin: 0;
    padding: 0;
    color: var(--primary-color);
    background: var(--primary-50);
    border: 1px solid rgba(28, 63, 170, 0.08);
    border-radius: 8px;
    overflow: visible !important;
}

header.site-header .shell-toolbar .nav-link:hover,
header.site-header .shell-toolbar .nav-link:focus,
header.site-header .shell-toolbar .btn:hover,
header.site-header .shell-toolbar .btn:focus {
    color: var(--on-primary);
    background: var(--primary-action);
    border-color: var(--primary-action);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(28, 63, 170, 0.2);
}

header.site-header .unified-navbar .shell-toolbar .cart-btn .badge {
    position: absolute;
    top: -5px;
    right: auto;
    left: -5px;
    min-width: 20px;
    padding: 0.25rem 0.45rem;
    font-size: 0.68rem;
    color: #073D31;
    background: var(--secondary-color);
    border: 2px solid var(--surface-color);
}

.theme-toggle__moon,
.theme-toggle__sun {
    display: none;
}

html[data-theme="light"] .theme-toggle__moon,
html[data-theme="dark"] .theme-toggle__sun {
    display: inline-block;
}

[data-theme-toggle] [hidden] {
    display: none !important;
}

html[data-theme="dark"] header.site-header {
    background: var(--page-bg) !important;
}

html[data-theme="dark"] .brand-lockup .logo-img {
    padding: 0.2rem 0.45rem;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 8px;
}

.unified-navbar__collapse {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.25rem;
    align-items: center;
}

.unified-navbar__search {
    order: 3;
    flex: 0 1 245px;
    min-width: 185px;
    margin: 0 0.35rem 0 0;
}

.shell-search .input-group,
.navbar .search {
    overflow: hidden;
    background: var(--surface-muted);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-pill);
}

.unified-navbar .shell-search .search {
    width: 100%;
}

.shell-search .form-control,
.navbar .search .form-control {
    min-width: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.shell-search .btn,
.navbar .search .btn {
    color: var(--primary-color);
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
}

.shell-search .input-group:focus-within,
.navbar .search:focus-within {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(28, 63, 170, 0.12);
}

.main-navbar-wrapper {
    color: var(--dark-text);
}

header.site-header .unified-navbar .navbar-nav {
    flex-wrap: nowrap;
    gap: 0.2rem;
    margin: 0 !important;
}

#nav.primary-navigation {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.2rem;
}

.unified-navbar .secondary-navigation {
    order: 2;
    flex: 0 0 auto;
}

.main-navbar-wrapper .navbar-nav > .nav-item > .nav-link,
.main-navbar-wrapper .navbar-nav > .nav-link {
    position: relative;
    padding: 0.38rem 0.62rem;
    color: var(--dark-text) !important;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 8px;
}

.main-navbar-wrapper .navbar-nav > .nav-item > .nav-link:hover,
.main-navbar-wrapper .navbar-nav > .nav-item > .nav-link:focus,
.main-navbar-wrapper .navbar-nav > .nav-item.active > .nav-link,
.main-navbar-wrapper .navbar-nav > .nav-item.show > .nav-link {
    color: var(--primary-color) !important;
    background: var(--primary-50);
}

.main-navbar-wrapper .dropdown-menu,
.glass-dropdown {
    min-width: 230px;
    margin-top: 0.65rem;
    padding: 0.55rem;
    overflow: hidden;
    background: var(--surface-raised) !important;
    border-color: var(--border-color) !important;
    border-radius: 8px;
}

.main-navbar-wrapper .dropdown-item {
    padding: 0.65rem 0.8rem;
    color: var(--dark-text) !important;
    font-size: 0.84rem;
    font-weight: 400 !important;
    text-align: right;
    border-radius: 9px;
}

.main-navbar-wrapper .dropdown-item:hover,
.main-navbar-wrapper .dropdown-item:focus,
.main-navbar-wrapper .dropdown-item.active {
    color: var(--primary-color) !important;
    background: var(--primary-50);
    transform: translateX(-3px);
}

.shell-breadcrumb,
.master-breadcrumb {
    padding: 0.75rem 0;
    background: transparent;
    border: 0;
}

.master-breadcrumb .breadcrumb {
    margin: 0;
    padding: 0.55rem 0.85rem;
    color: var(--muted-text);
    font-size: 0.78rem;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: var(--radius-pill);
}

#main-body {
    position: relative;
    min-height: 58vh;
    padding: 1.4rem 0 3.5rem;
}

.primary-content {
    min-width: 0;
}

.shell-sidebar .card,
.sidebar .card {
    overflow: hidden;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.sidebar .card-header {
    padding: 1rem 1.1rem;
    color: var(--dark-text);
    font-weight: 800;
    background: linear-gradient(135deg, var(--primary-50), var(--surface-color));
    border-bottom: 1px solid var(--border-muted);
}

.sidebar .list-group-item {
    padding: 0.75rem 1rem;
    color: var(--muted-text);
    font-size: 0.84rem;
    border-color: var(--border-muted);
}

.sidebar .list-group-item:hover,
.sidebar .list-group-item.active {
    color: var(--primary-color);
    background: var(--primary-50);
    border-color: transparent;
    transform: translateX(-3px);
}

/* Cards and form surfaces */
.card {
    color: var(--dark-text);
    background-color: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.card-header {
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, var(--surface-muted), var(--surface-color));
    border-bottom: 1px solid var(--border-muted);
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

.card-title {
    font-size: 1rem;
    font-weight: 800;
}

.card-body {
    padding: 1.25rem;
}

.card-footer {
    padding: 0.9rem 1.25rem;
    background: var(--surface-muted);
    border-top: 1px solid var(--border-muted);
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}

.client-home-cards .card:hover,
.pr-service-card:hover,
.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(28, 63, 170, 0.1);
}

.form-group {
    margin-bottom: 1.15rem;
}

.form-control,
.custom-select,
select.form-control,
.field {
    min-height: 48px;
    padding: 0.65rem 0.9rem;
    color: var(--dark-text);
    font-size: 0.88rem;
    background-color: var(--surface-color);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: none;
}

textarea.form-control,
textarea.field {
    min-height: 130px;
}

.form-control:hover,
.custom-select:hover,
.field:hover {
    border-color: #B8C3D6;
}

.form-control:focus,
.custom-select:focus,
.field:focus {
    color: var(--dark-text);
    background: var(--surface-color);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(28, 63, 170, 0.1);
}

.form-control::placeholder,
.field::placeholder {
    color: #9BA4B5;
}

.input-group-text {
    min-width: 46px;
    justify-content: center;
    color: var(--primary-color);
    background: var(--primary-50);
    border-color: var(--border-color);
}

.prepend-icon .field-icon {
    right: 1px;
    left: auto;
    color: var(--primary-color);
    border-left: 1px solid var(--border-color);
    border-right: 0;
}

.prepend-icon .field {
    padding-right: 48px;
    padding-left: 12px;
}

.btn {
    --np-button-color: var(--np-btn-default-color);
    --np-button-bg: var(--np-btn-default-bg);
    --np-button-border: var(--np-btn-default-border);
    --np-button-hover-color: var(--np-btn-default-hover-color);
    --np-button-hover-bg: var(--np-btn-default-hover-bg);
    --np-button-hover-border: var(--np-btn-default-hover-border);
    --np-button-active-color: var(--np-btn-default-active-color);
    --np-button-active-bg: var(--np-btn-default-active-bg);
    --np-button-active-border: var(--np-btn-default-active-border);
    min-height: 42px;
    padding: 0.58rem 1rem;
    color: var(--np-button-color);
    background-color: var(--np-button-bg);
    border-color: var(--np-button-border);
    font-size: 0.84rem;
    font-weight: 600;
    border-radius: 11px;
}

.btn:hover {
    color: var(--np-button-hover-color);
    background-color: var(--np-button-hover-bg);
    border-color: var(--np-button-hover-border);
    transform: translateY(-2px);
}

.btn:focus,
.btn.focus {
    color: var(--np-button-hover-color);
    background-color: var(--np-button-hover-bg);
    border-color: var(--np-button-hover-border);
}

.btn:active,
.btn.active,
.show > .btn.dropdown-toggle {
    color: var(--np-button-active-color);
    background-color: var(--np-button-active-bg);
    border-color: var(--np-button-active-border);
}

.btn-default {
    --np-button-color: var(--np-btn-default-color);
    --np-button-bg: var(--np-btn-default-bg);
    --np-button-border: var(--np-btn-default-border);
    --np-button-hover-color: var(--np-btn-default-hover-color);
    --np-button-hover-bg: var(--np-btn-default-hover-bg);
    --np-button-hover-border: var(--np-btn-default-hover-border);
    --np-button-active-color: var(--np-btn-default-active-color);
    --np-button-active-bg: var(--np-btn-default-active-bg);
    --np-button-active-border: var(--np-btn-default-active-border);
}

.btn-primary {
    --np-button-color: var(--np-btn-primary-color);
    --np-button-bg: var(--np-btn-primary-bg);
    --np-button-border: var(--np-btn-primary-border);
    --np-button-hover-color: var(--np-btn-primary-color);
    --np-button-hover-bg: var(--np-btn-primary-hover-bg);
    --np-button-hover-border: var(--np-btn-primary-hover-border);
    --np-button-active-color: var(--np-btn-primary-color);
    --np-button-active-bg: var(--np-btn-primary-active-bg);
    --np-button-active-border: var(--np-btn-primary-active-border);
}

.btn-secondary {
    --np-button-color: var(--np-btn-secondary-color);
    --np-button-bg: var(--np-btn-secondary-bg);
    --np-button-border: var(--np-btn-secondary-border);
    --np-button-hover-color: var(--np-btn-secondary-color);
    --np-button-hover-bg: var(--np-btn-secondary-hover-bg);
    --np-button-hover-border: var(--np-btn-secondary-hover-border);
    --np-button-active-color: var(--np-btn-secondary-color);
    --np-button-active-bg: var(--np-btn-secondary-active-bg);
    --np-button-active-border: var(--np-btn-secondary-active-border);
}

.btn-success {
    --np-button-color: var(--np-btn-success-color);
    --np-button-bg: var(--np-btn-success-bg);
    --np-button-border: var(--np-btn-success-border);
    --np-button-hover-color: var(--np-btn-success-color);
    --np-button-hover-bg: var(--np-btn-success-hover-bg);
    --np-button-hover-border: var(--np-btn-success-hover-border);
    --np-button-active-color: var(--np-btn-success-color);
    --np-button-active-bg: var(--np-btn-success-active-bg);
    --np-button-active-border: var(--np-btn-success-active-border);
}

.btn-danger {
    --np-button-color: var(--np-btn-danger-color);
    --np-button-bg: var(--np-btn-danger-bg);
    --np-button-border: var(--np-btn-danger-border);
    --np-button-hover-color: var(--np-btn-danger-color);
    --np-button-hover-bg: var(--np-btn-danger-hover-bg);
    --np-button-hover-border: var(--np-btn-danger-hover-border);
    --np-button-active-color: var(--np-btn-danger-color);
    --np-button-active-bg: var(--np-btn-danger-active-bg);
    --np-button-active-border: var(--np-btn-danger-active-border);
}

.btn-warning {
    --np-button-color: var(--np-btn-warning-color);
    --np-button-bg: var(--np-btn-warning-bg);
    --np-button-border: var(--np-btn-warning-border);
    --np-button-hover-color: var(--np-btn-warning-color);
    --np-button-hover-bg: var(--np-btn-warning-hover-bg);
    --np-button-hover-border: var(--np-btn-warning-hover-border);
    --np-button-active-color: var(--np-btn-warning-color);
    --np-button-active-bg: var(--np-btn-warning-active-bg);
    --np-button-active-border: var(--np-btn-warning-active-border);
}

.btn-info {
    --np-button-color: var(--np-btn-info-color);
    --np-button-bg: var(--np-btn-info-bg);
    --np-button-border: var(--np-btn-info-border);
    --np-button-hover-color: var(--np-btn-info-color);
    --np-button-hover-bg: var(--np-btn-info-hover-bg);
    --np-button-hover-border: var(--np-btn-info-hover-border);
    --np-button-active-color: var(--np-btn-info-color);
    --np-button-active-bg: var(--np-btn-info-active-bg);
    --np-button-active-border: var(--np-btn-info-active-border);
}

.btn-light {
    --np-button-color: var(--np-btn-light-color);
    --np-button-bg: var(--np-btn-light-bg);
    --np-button-border: var(--np-btn-light-border);
    --np-button-hover-color: var(--np-btn-light-color);
    --np-button-hover-bg: var(--np-btn-light-hover-bg);
    --np-button-hover-border: var(--np-btn-light-hover-border);
    --np-button-active-color: var(--np-btn-light-color);
    --np-button-active-bg: var(--np-btn-light-active-bg);
    --np-button-active-border: var(--np-btn-light-active-border);
}

.btn-dark {
    --np-button-color: var(--np-btn-dark-color);
    --np-button-bg: var(--np-btn-dark-bg);
    --np-button-border: var(--np-btn-dark-border);
    --np-button-hover-color: var(--np-btn-dark-color);
    --np-button-hover-bg: var(--np-btn-dark-hover-bg);
    --np-button-hover-border: var(--np-btn-dark-hover-border);
    --np-button-active-color: var(--np-btn-dark-color);
    --np-button-active-bg: var(--np-btn-dark-active-bg);
    --np-button-active-border: var(--np-btn-dark-active-border);
}

.btn-default,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    color: var(--np-button-color);
    background-color: var(--np-button-bg);
    border-color: var(--np-button-border);
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-light:hover,
.btn-light:focus,
.btn-light.focus,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus {
    color: var(--np-button-hover-color);
    background-color: var(--np-button-hover-bg);
    border-color: var(--np-button-hover-border);
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle,
.open > .dropdown-toggle.btn-default,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: var(--np-button-active-color);
    background-color: var(--np-button-active-bg);
    border-color: var(--np-button-active-border);
}

.btn-outline-primary {
    --np-outline-color: var(--np-btn-primary-outline);
    --np-outline-fill-color: var(--np-btn-primary-color);
    --np-outline-hover-bg: var(--np-btn-primary-hover-bg);
    --np-outline-active-bg: var(--np-btn-primary-active-bg);
}

.btn-outline-secondary {
    --np-outline-color: var(--np-btn-secondary-outline);
    --np-outline-fill-color: var(--np-btn-secondary-color);
    --np-outline-hover-bg: var(--np-btn-secondary-hover-bg);
    --np-outline-active-bg: var(--np-btn-secondary-active-bg);
}

.btn-outline-success {
    --np-outline-color: var(--np-btn-success-outline);
    --np-outline-fill-color: var(--np-btn-success-color);
    --np-outline-hover-bg: var(--np-btn-success-hover-bg);
    --np-outline-active-bg: var(--np-btn-success-active-bg);
}

.btn-outline-danger {
    --np-outline-color: var(--np-btn-danger-outline);
    --np-outline-fill-color: var(--np-btn-danger-color);
    --np-outline-hover-bg: var(--np-btn-danger-hover-bg);
    --np-outline-active-bg: var(--np-btn-danger-active-bg);
}

.btn-outline-warning {
    --np-outline-color: var(--np-btn-warning-outline);
    --np-outline-fill-color: var(--np-btn-warning-color);
    --np-outline-hover-bg: var(--np-btn-warning-hover-bg);
    --np-outline-active-bg: var(--np-btn-warning-active-bg);
}

.btn-outline-info {
    --np-outline-color: var(--np-btn-info-outline);
    --np-outline-fill-color: var(--np-btn-info-color);
    --np-outline-hover-bg: var(--np-btn-info-hover-bg);
    --np-outline-active-bg: var(--np-btn-info-active-bg);
}

.btn-outline-light {
    --np-outline-color: var(--np-btn-light-outline);
    --np-outline-fill-color: var(--np-btn-light-color);
    --np-outline-hover-bg: var(--np-btn-light-hover-bg);
    --np-outline-active-bg: var(--np-btn-light-active-bg);
}

.btn-outline-dark {
    --np-outline-color: var(--np-btn-dark-outline);
    --np-outline-fill-color: var(--np-btn-dark-color);
    --np-outline-hover-bg: var(--np-btn-dark-hover-bg);
    --np-outline-active-bg: var(--np-btn-dark-active-bg);
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
    color: var(--np-outline-color);
    background-color: transparent;
    border-color: var(--np-outline-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success.focus,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger.focus,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    color: var(--np-outline-fill-color);
    background-color: var(--np-outline-hover-bg);
    border-color: var(--np-outline-hover-bg);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: var(--np-outline-fill-color);
    background-color: var(--np-outline-active-bg);
    border-color: var(--np-outline-active-bg);
}

.btn-link {
    color: var(--np-btn-link-color);
    background-color: transparent;
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.focus {
    color: var(--np-btn-link-hover-color);
    background-color: transparent;
    border-color: transparent;
}

.btn-link:active,
.btn-link.active {
    color: var(--np-btn-link-active-color);
    background-color: transparent;
    border-color: transparent;
}

.btn-cta,
.pr-cta,
.pr-auth-cta,
.pr-auth__submit--cta,
.persiariver-btn--cta,
.btn-order-now {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-bg);
    border-color: var(--np-btn-warning-border);
}

.btn-cta:hover,
.btn-cta:focus,
.btn-cta.focus,
.pr-cta:hover,
.pr-cta:focus,
.pr-auth-cta:hover,
.pr-auth-cta:focus,
.pr-auth__submit--cta:hover,
.pr-auth__submit--cta:focus,
.persiariver-btn--cta:hover,
.persiariver-btn--cta:focus,
.btn-order-now:hover,
.btn-order-now:focus {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-hover-bg);
    border-color: var(--np-btn-warning-hover-border);
}

.btn-cta:active,
.btn-cta.active,
.pr-cta:active,
.pr-cta.active,
.pr-auth-cta:active,
.pr-auth-cta.active,
.pr-auth__submit--cta:active,
.persiariver-btn--cta:active,
.btn-order-now:active,
.btn-order-now.active {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-active-bg);
    border-color: var(--np-btn-warning-active-border);
}

#btnDomainContinue {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-bg);
    border-color: var(--np-btn-primary-border);
}

#btnDomainContinue:hover,
#btnDomainContinue:focus {
    background-color: var(--np-btn-primary-hover-bg);
    border-color: var(--np-btn-primary-hover-border);
}

#btnDomainContinue:active,
#btnDomainContinue.active {
    background-color: var(--np-btn-primary-active-bg);
    border-color: var(--np-btn-primary-active-border);
}

body .sidebar .btn-success,
body .primary-content .client-home-cards .card .btn-success,
body .primary-content .client-home-cards .mc-promo-manage .btn-success,
body .primary-content .client-home-cards .mc-promo-login .btn-success,
body .primary-content .btn-success.btn-lg[name="enable"],
.btn.btn-success.open-modal.twofa-config-link.enable {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-bg);
    border-color: var(--np-btn-success-border);
}

body .sidebar .btn-success:hover,
body .sidebar .btn-success:focus,
body .primary-content .client-home-cards .card .btn-success:hover,
body .primary-content .client-home-cards .card .btn-success:focus,
body .primary-content .client-home-cards .mc-promo-manage .btn-success:hover,
body .primary-content .client-home-cards .mc-promo-manage .btn-success:focus,
body .primary-content .client-home-cards .mc-promo-login .btn-success:hover,
body .primary-content .client-home-cards .mc-promo-login .btn-success:focus,
body .primary-content .btn-success.btn-lg[name="enable"]:hover,
body .primary-content .btn-success.btn-lg[name="enable"]:focus,
.btn.btn-success.open-modal.twofa-config-link.enable:hover,
.btn.btn-success.open-modal.twofa-config-link.enable:focus {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-hover-bg);
    border-color: var(--np-btn-success-hover-border);
}

body .sidebar .btn-success:not(:disabled):not(.disabled):active,
body .sidebar .btn-success:not(:disabled):not(.disabled).active,
body .primary-content .client-home-cards .card .btn-success:not(:disabled):not(.disabled):active,
body .primary-content .client-home-cards .card .btn-success:not(:disabled):not(.disabled).active,
body .primary-content .client-home-cards .mc-promo-manage .btn-success:not(:disabled):not(.disabled):active,
body .primary-content .client-home-cards .mc-promo-manage .btn-success:not(:disabled):not(.disabled).active,
body .primary-content .client-home-cards .mc-promo-login .btn-success:not(:disabled):not(.disabled):active,
body .primary-content .client-home-cards .mc-promo-login .btn-success:not(:disabled):not(.disabled).active,
body .primary-content .btn-success.btn-lg[name="enable"]:not(:disabled):not(.disabled):active,
body .primary-content .btn-success.btn-lg[name="enable"]:not(:disabled):not(.disabled).active,
.btn.btn-success.open-modal.twofa-config-link.enable:not(:disabled):not(.disabled):active,
.btn.btn-success.open-modal.twofa-config-link.enable:not(:disabled):not(.disabled).active {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-active-bg);
    border-color: var(--np-btn-success-active-border);
}

body #frmDomainHomepage #btnTransfer,
body #order-standard_cart .text-right .btn-checkout {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-bg);
    border-color: var(--np-btn-primary-border);
}

body #frmDomainHomepage #btnTransfer:hover,
body #frmDomainHomepage #btnTransfer:focus,
body #order-standard_cart .text-right .btn-checkout:hover,
body #order-standard_cart .text-right .btn-checkout:focus {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-hover-bg);
    border-color: var(--np-btn-primary-hover-border);
}

body #frmDomainHomepage #btnTransfer:active,
body #frmDomainHomepage #btnTransfer.active,
body #order-standard_cart .text-right .btn-checkout:active,
body #order-standard_cart .text-right .btn-checkout.active {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-active-bg);
    border-color: var(--np-btn-primary-active-border);
}

body #order-standard_cart .products .product footer .btn-order-now {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-bg);
    border-color: var(--np-btn-warning-border);
}

body #order-standard_cart .products .product footer .btn-order-now:hover,
body #order-standard_cart .products .product footer .btn-order-now:focus {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-hover-bg);
    border-color: var(--np-btn-warning-hover-border);
}

body #order-standard_cart .products .product footer .btn-order-now:active,
body #order-standard_cart .products .product footer .btn-order-now.active {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-active-bg);
    border-color: var(--np-btn-warning-active-border);
}

html[data-theme] body .landing-page .product-options .item .btn,
html[data-theme] body .landing-page.sitebuilder .btn-primary {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-bg);
    border-color: var(--np-btn-primary-border);
}

html[data-theme] body .landing-page .product-options .item .btn:hover,
html[data-theme] body .landing-page .product-options .item .btn:focus,
html[data-theme] body .landing-page.sitebuilder .btn-primary:hover,
html[data-theme] body .landing-page.sitebuilder .btn-primary:focus {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-hover-bg);
    border-color: var(--np-btn-primary-hover-border);
}

html[data-theme] body .landing-page .product-options .item .btn:active,
html[data-theme] body .landing-page .product-options .item .btn.active,
html[data-theme] body .landing-page.sitebuilder .btn-primary:active,
html[data-theme] body .landing-page.sitebuilder .btn-primary.active {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-active-bg);
    border-color: var(--np-btn-primary-active-border);
}

html[data-theme] body .landing-page .get-started .btn-order-now {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-bg);
    border-color: var(--np-btn-warning-border);
}

html[data-theme] body .landing-page .get-started .btn-order-now:hover,
html[data-theme] body .landing-page .get-started .btn-order-now:focus {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-hover-bg);
    border-color: var(--np-btn-warning-hover-border);
}

html[data-theme] body .landing-page .get-started .btn-order-now:active,
html[data-theme] body .landing-page .get-started .btn-order-now.active {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-active-bg);
    border-color: var(--np-btn-warning-active-border);
}

html[data-theme] body .landing-page.threesixtymonitoring .btn-primary {
    color: var(--np-btn-primary-color) !important;
    background-color: var(--np-btn-primary-bg) !important;
    border-color: var(--np-btn-primary-border) !important;
}

html[data-theme] body .landing-page.threesixtymonitoring .btn-primary:hover,
html[data-theme] body .landing-page.threesixtymonitoring .btn-primary:focus {
    color: var(--np-btn-primary-color) !important;
    background-color: var(--np-btn-primary-hover-bg) !important;
    border-color: var(--np-btn-primary-hover-border) !important;
}

html[data-theme] body .landing-page.threesixtymonitoring .btn-primary:active,
html[data-theme] body .landing-page.threesixtymonitoring .btn-primary.active {
    color: var(--np-btn-primary-color) !important;
    background-color: var(--np-btn-primary-active-bg) !important;
    border-color: var(--np-btn-primary-active-border) !important;
}

html[data-theme] body .landing-page.threesixtymonitoring .btn-primary:disabled,
html[data-theme] body .landing-page.threesixtymonitoring .btn-primary.disabled,
html[data-theme] body .landing-page.threesixtymonitoring .btn-primary[aria-disabled="true"] {
    color: var(--disabled-text) !important;
    background-color: var(--disabled-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme] body .landing-page.sitelock .emergency .btn {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-bg);
    border-color: var(--np-btn-warning-border);
}

html[data-theme] body .landing-page.sitelock .emergency .btn:hover,
html[data-theme] body .landing-page.sitelock .emergency .btn:focus {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-hover-bg);
    border-color: var(--np-btn-warning-hover-border);
}

html[data-theme] body .landing-page.sitelock .emergency .btn:active,
html[data-theme] body .landing-page.sitelock .emergency .btn.active {
    color: var(--np-btn-warning-color);
    background-color: var(--np-btn-warning-active-bg);
    border-color: var(--np-btn-warning-active-border);
}

html[data-theme] body .landing-page.marketgoo .plan .btn-signup {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-bg);
    border-color: var(--np-btn-primary-border);
}

html[data-theme] body .landing-page.marketgoo .plan .btn-signup:hover,
html[data-theme] body .landing-page.marketgoo .plan .btn-signup:focus {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-hover-bg);
    border-color: var(--np-btn-primary-hover-border);
}

html[data-theme] body .landing-page.marketgoo .plan .btn-signup:active,
html[data-theme] body .landing-page.marketgoo .plan .btn-signup.active {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-active-bg);
    border-color: var(--np-btn-primary-active-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup {
    color: var(--np-btn-secondary-color);
    background-color: var(--np-btn-secondary-bg);
    border-color: var(--np-btn-secondary-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup:hover,
html[data-theme] body .landing-page.sitelockvpn .btn-signup:focus {
    color: var(--np-btn-secondary-color);
    background-color: var(--np-btn-secondary-hover-bg);
    border-color: var(--np-btn-secondary-hover-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup:active,
html[data-theme] body .landing-page.sitelockvpn .btn-signup.active {
    color: var(--np-btn-secondary-color);
    background-color: var(--np-btn-secondary-active-bg);
    border-color: var(--np-btn-secondary-active-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight1 {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-bg);
    border-color: var(--np-btn-primary-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight1:hover,
html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight1:focus {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-hover-bg);
    border-color: var(--np-btn-primary-hover-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight1:active,
html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight1.active {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-active-bg);
    border-color: var(--np-btn-primary-active-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight2 {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-bg);
    border-color: var(--np-btn-success-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight2:hover,
html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight2:focus {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-hover-bg);
    border-color: var(--np-btn-success-hover-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight2:active,
html[data-theme] body .landing-page.sitelockvpn .btn-signup.highlight2.active {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-active-bg);
    border-color: var(--np-btn-success-active-border);
}

html[data-theme] body .landing-page.sitelockvpn .btn-start {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-bg);
    border: 1px solid var(--np-btn-success-border);
    text-decoration: none;
}

html[data-theme] body .landing-page.sitelockvpn .btn-start:hover,
html[data-theme] body .landing-page.sitelockvpn .btn-start:focus {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-hover-bg);
    border-color: var(--np-btn-success-hover-border);
    text-decoration: none;
}

html[data-theme] body .landing-page.sitelockvpn .btn-start:active,
html[data-theme] body .landing-page.sitelockvpn .btn-start.active {
    color: var(--np-btn-success-color);
    background-color: var(--np-btn-success-active-bg);
    border-color: var(--np-btn-success-active-border);
}

html[data-theme] body .landing-page.sitelock .plans .plan .btn,
html[data-theme] body .landing-page.ssl .validation-levels .item .btn,
html[data-theme] body .landing-page.ssl .certificate-options .btn,
html[data-theme] body .landing-page.threesixtymonitoring .btn-search {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-bg);
    border-color: var(--np-btn-primary-border);
}

html[data-theme] body .landing-page.sitelock .plans .plan .btn:hover,
html[data-theme] body .landing-page.sitelock .plans .plan .btn:focus,
html[data-theme] body .landing-page.ssl .validation-levels .item .btn:hover,
html[data-theme] body .landing-page.ssl .validation-levels .item .btn:focus,
html[data-theme] body .landing-page.ssl .certificate-options .btn:hover,
html[data-theme] body .landing-page.ssl .certificate-options .btn:focus,
html[data-theme] body .landing-page.threesixtymonitoring .btn-search:hover,
html[data-theme] body .landing-page.threesixtymonitoring .btn-search:focus {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-hover-bg);
    border-color: var(--np-btn-primary-hover-border);
}

html[data-theme] body .landing-page.sitelock .plans .plan .btn:active,
html[data-theme] body .landing-page.sitelock .plans .plan .btn.active,
html[data-theme] body .landing-page.ssl .validation-levels .item .btn:active,
html[data-theme] body .landing-page.ssl .validation-levels .item .btn.active,
html[data-theme] body .landing-page.ssl .certificate-options .btn:active,
html[data-theme] body .landing-page.ssl .certificate-options .btn.active,
html[data-theme] body .landing-page.threesixtymonitoring .btn-search:active,
html[data-theme] body .landing-page.threesixtymonitoring .btn-search.active {
    color: var(--np-btn-primary-color);
    background-color: var(--np-btn-primary-active-bg);
    border-color: var(--np-btn-primary-active-border);
}

html[data-theme] body .landing-page.threesixtymonitoring .section-faq .btn-link {
    color: var(--np-btn-link-color);
    background-color: transparent;
    border-color: transparent;
}

html[data-theme] body .landing-page.threesixtymonitoring .section-faq .btn-link:hover,
html[data-theme] body .landing-page.threesixtymonitoring .section-faq .btn-link:focus,
html[data-theme] body .landing-page.threesixtymonitoring .section-faq .btn-link.focus {
    color: var(--np-btn-link-hover-color);
    background-color: transparent;
    border-color: transparent;
}

html[data-theme] body .landing-page.threesixtymonitoring .section-faq .btn-link:active,
html[data-theme] body .landing-page.threesixtymonitoring .section-faq .btn-link.active {
    color: var(--np-btn-link-active-color);
    background-color: transparent;
    border-color: transparent;
}

html[data-theme] body .social-bee .content-block .content-block__text button,
html[data-theme] body .social-bee .features.wrapper button {
    color: var(--np-btn-warning-color);
}

html[data-theme] body .social-bee .content-block .content-block__text button:hover,
html[data-theme] body .social-bee .content-block .content-block__text button:focus,
html[data-theme] body .social-bee .content-block .content-block__text button:active,
html[data-theme] body .social-bee .features.wrapper button:hover,
html[data-theme] body .social-bee .features.wrapper button:focus,
html[data-theme] body .social-bee .features.wrapper button:active {
    color: var(--np-btn-warning-color);
}

html[data-theme] body .social-bee .action-buttons button {
    color: #1F2937;
}

html[data-theme] body .social-bee .action-buttons button:hover,
html[data-theme] body .social-bee .action-buttons button:focus,
html[data-theme] body .social-bee .action-buttons button:active,
html[data-theme] body .social-bee .action-buttons button.active {
    color: #1F2937;
}

.btn:focus {
    box-shadow: 0 0 0 0.2rem var(--np-focus-shadow) !important;
}

html[data-theme] .btn:focus-visible {
    outline: 3px solid var(--np-focus-ring) !important;
    outline-offset: 2px;
}

html[data-theme] .social-bee button:focus-visible {
    outline: 3px solid var(--np-focus-ring) !important;
    outline-offset: 3px;
}

.btn.disabled:not(.btn-link),
.btn:disabled:not(.btn-link),
.btn[aria-disabled="true"]:not(.btn-link),
.btn-cta:disabled,
.pr-cta:disabled,
.pr-auth-cta:disabled,
.pr-auth__submit--cta:disabled,
.persiariver-btn--cta:disabled {
    color: var(--disabled-text) !important;
    background-color: var(--disabled-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: not-allowed;
    transform: none !important;
}

.btn-link.disabled,
.btn-link:disabled,
.btn-link[aria-disabled="true"] {
    color: var(--disabled-text) !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

.btn.bg-color-green,
.btn.bg-color-lime,
.btn.bg-color-emerald,
.btn.bg-color-teal,
.btn.bg-color-turquoise {
    --np-button-color: var(--np-btn-success-color);
    --np-button-bg: var(--np-btn-success-bg);
    --np-button-border: var(--np-btn-success-border);
    --np-button-hover-color: var(--np-btn-success-color);
    --np-button-hover-bg: var(--np-btn-success-hover-bg);
    --np-button-hover-border: var(--np-btn-success-hover-border);
    --np-button-active-color: var(--np-btn-success-color);
    --np-button-active-bg: var(--np-btn-success-active-bg);
    --np-button-active-border: var(--np-btn-success-active-border);
}

.btn.bg-color-red,
.btn.bg-color-pomegranate,
.btn.bg-color-pink,
.btn.bg-color-magenta {
    --np-button-color: var(--np-btn-danger-color);
    --np-button-bg: var(--np-btn-danger-bg);
    --np-button-border: var(--np-btn-danger-border);
    --np-button-hover-color: var(--np-btn-danger-color);
    --np-button-hover-bg: var(--np-btn-danger-hover-bg);
    --np-button-hover-border: var(--np-btn-danger-hover-border);
    --np-button-active-color: var(--np-btn-danger-color);
    --np-button-active-bg: var(--np-btn-danger-active-bg);
    --np-button-active-border: var(--np-btn-danger-active-border);
}

.btn.bg-color-blue {
    --np-button-color: var(--np-btn-info-color);
    --np-button-bg: var(--np-btn-info-bg);
    --np-button-border: var(--np-btn-info-border);
    --np-button-hover-color: var(--np-btn-info-color);
    --np-button-hover-bg: var(--np-btn-info-hover-bg);
    --np-button-hover-border: var(--np-btn-info-hover-border);
    --np-button-active-color: var(--np-btn-info-color);
    --np-button-active-bg: var(--np-btn-info-active-bg);
    --np-button-active-border: var(--np-btn-info-active-border);
}

.btn.bg-color-orange,
.btn.bg-color-gold,
.btn.bg-color-purple,
.btn.bg-color-amethyst,
.btn.bg-color-sun-flower {
    --np-button-color: var(--np-btn-warning-color);
    --np-button-bg: var(--np-btn-warning-bg);
    --np-button-border: var(--np-btn-warning-border);
    --np-button-hover-color: var(--np-btn-warning-color);
    --np-button-hover-bg: var(--np-btn-warning-hover-bg);
    --np-button-hover-border: var(--np-btn-warning-hover-border);
    --np-button-active-color: var(--np-btn-warning-color);
    --np-button-active-bg: var(--np-btn-warning-active-bg);
    --np-button-active-border: var(--np-btn-warning-active-border);
}

.btn.bg-color-wet-asphalt {
    --np-button-color: var(--np-btn-secondary-color);
    --np-button-bg: var(--np-btn-secondary-bg);
    --np-button-border: var(--np-btn-secondary-border);
    --np-button-hover-color: var(--np-btn-secondary-color);
    --np-button-hover-bg: var(--np-btn-secondary-hover-bg);
    --np-button-hover-border: var(--np-btn-secondary-hover-border);
    --np-button-active-color: var(--np-btn-secondary-color);
    --np-button-active-bg: var(--np-btn-secondary-active-bg);
    --np-button-active-border: var(--np-btn-secondary-active-border);
}

.btn.bg-color-midnight-blue {
    --np-button-color: var(--np-btn-dark-color);
    --np-button-bg: var(--np-btn-dark-bg);
    --np-button-border: var(--np-btn-dark-border);
    --np-button-hover-color: var(--np-btn-dark-color);
    --np-button-hover-bg: var(--np-btn-dark-hover-bg);
    --np-button-hover-border: var(--np-btn-dark-hover-border);
    --np-button-active-color: var(--np-btn-dark-color);
    --np-button-active-bg: var(--np-btn-dark-active-bg);
    --np-button-active-border: var(--np-btn-dark-active-border);
}

.btn.bg-color-silver,
.btn.bg-color-asbestos {
    --np-button-color: var(--np-btn-light-color);
    --np-button-bg: var(--np-btn-light-bg);
    --np-button-border: var(--np-btn-light-border);
    --np-button-hover-color: var(--np-btn-light-color);
    --np-button-hover-bg: var(--np-btn-light-hover-bg);
    --np-button-hover-border: var(--np-btn-light-hover-border);
    --np-button-active-color: var(--np-btn-light-color);
    --np-button-active-bg: var(--np-btn-light-active-bg);
    --np-button-active-border: var(--np-btn-light-active-border);
}

.btn[class*="bg-color-"] {
    color: var(--np-button-color) !important;
    background-color: var(--np-button-bg) !important;
    border-color: var(--np-button-border) !important;
}

.btn[class*="bg-color-"]:hover,
.btn[class*="bg-color-"]:focus,
.btn[class*="bg-color-"].focus {
    color: var(--np-button-hover-color) !important;
    background-color: var(--np-button-hover-bg) !important;
    border-color: var(--np-button-hover-border) !important;
}

.btn[class*="bg-color-"]:active,
.btn[class*="bg-color-"].active {
    color: var(--np-button-active-color) !important;
    background-color: var(--np-button-active-bg) !important;
    border-color: var(--np-button-active-border) !important;
}

.btn[class*="bg-color-"].disabled,
.btn[class*="bg-color-"]:disabled,
.btn[class*="bg-color-"][aria-disabled="true"] {
    color: var(--disabled-text) !important;
    background-color: var(--disabled-bg) !important;
    border-color: var(--border-color) !important;
}

.btn.persiariver-panel__button,
.plan-button,
.table-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--np-btn-primary-color) !important;
    background: var(--np-btn-primary-bg) !important;
    border: 1px solid var(--np-btn-primary-border) !important;
    box-shadow: 0 6px 16px rgba(28, 63, 170, 0.18);
}

.btn.persiariver-panel__button:hover,
.btn.persiariver-panel__button:focus,
.plan-button:hover,
.plan-button:focus,
.table-cta-button:hover,
.table-cta-button:focus {
    color: var(--np-btn-primary-color) !important;
    background: var(--np-btn-primary-hover-bg) !important;
    border-color: var(--np-btn-primary-hover-border) !important;
}

.btn.persiariver-panel__button:active,
.btn.persiariver-panel__button.active,
.plan-button:active,
.plan-button.active,
.table-cta-button:active,
.table-cta-button.active {
    color: var(--np-btn-primary-color) !important;
    background: var(--np-btn-primary-active-bg) !important;
    border-color: var(--np-btn-primary-active-border) !important;
}

.wp-toolkit .service-selector .service .in-cart-indicator {
    min-height: 40px;
    padding: 0.55rem 0.75rem;
    color: var(--secondary-color) !important;
    font-size: 0.82rem;
    font-weight: 700;
    text-align: center;
}

.wp-toolkit .service-selector .service .in-cart-indicator i {
    margin-left: 0.35rem;
}

.unified-navbar .shell-search .btn.btn-default,
.unified-navbar .shell-search .btn.btn-default:hover,
.unified-navbar .shell-search .btn.btn-default:focus {
    color: var(--primary-color);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

.badge,
.label,
.status {
    padding: 0.35rem 0.65rem;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: var(--radius-pill);
}

.status-active,
.status-paid,
.status-completed,
.status-answered,
.label-success,
.badge-success {
    color: #00674E !important;
    background: var(--mint-100) !important;
    border: 1px solid rgba(0, 208, 156, 0.2);
}

.status-unpaid,
.status-pending,
.status-overdue,
.label-warning,
.badge-warning {
    color: #8F4B08 !important;
    background: var(--accent-100) !important;
    border: 1px solid rgba(255, 159, 67, 0.24);
}

.alert {
    padding: 1rem 1.1rem;
    border: 0;
    border-right: 4px solid currentColor;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
}

.alert-info {
    color: var(--primary-800);
    background: var(--primary-50);
}

.alert-success {
    color: #00674E;
    background: var(--mint-50);
}

.alert-warning {
    color: #8F4B08;
    background: var(--accent-50);
}

/* DataTables RTL and table experience */
.table-container {
    position: relative;
    padding: 0.5rem;
    overflow: visible;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.table-responsive {
    direction: rtl;
}

.table-list,
table.dataTable {
    direction: rtl;
    width: 100% !important;
    margin: 0 !important;
    color: var(--dark-text);
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

.table-list thead th,
table.dataTable thead th,
table.dataTable thead td {
    padding: 0.8rem 0.9rem !important;
    color: var(--muted-text);
    font-size: 0.72rem;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
    background: transparent;
    border: 0 !important;
}

.table-list tbody tr,
table.dataTable tbody tr {
    overflow: hidden;
    background: var(--surface-color) !important;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(47, 53, 66, 0.045);
}

.table-list tbody tr:hover,
table.dataTable tbody tr:hover {
    position: relative;
    z-index: 2;
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(28, 63, 170, 0.1);
}

.table-list tbody td,
table.dataTable tbody td {
    padding: 0.95rem 0.9rem !important;
    vertical-align: middle;
    text-align: right;
    border-top: 1px solid var(--border-muted) !important;
    border-bottom: 1px solid var(--border-muted) !important;
}

.table-list tbody td:first-child,
table.dataTable tbody td:first-child {
    border-right: 1px solid var(--border-muted);
    border-radius: 0 12px 12px 0;
}

.table-list tbody td:last-child,
table.dataTable tbody td:last-child {
    border-left: 1px solid var(--border-muted);
    border-radius: 12px 0 0 12px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    padding-right: 34px !important;
    padding-left: 0.9rem !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    right: 8px;
    left: auto;
    color: var(--white);
    background: var(--primary-color);
    border: 0;
    box-shadow: none;
}

div.dataTables_wrapper {
    direction: rtl;
}

div.dataTables_wrapper div.dataTables_filter {
    position: relative;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_length {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter input {
    min-width: 220px;
    min-height: 42px;
    margin-right: 0.5rem;
    margin-left: 0;
    padding: 0.55rem 2.5rem 0.55rem 0.8rem;
    background: var(--surface-muted);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-pill);
}

.pr-data-search-icon {
    position: absolute;
    top: 50%;
    right: 0.9rem;
    color: var(--muted-text);
    font-size: 0.8rem;
    pointer-events: none;
    transform: translateY(-50%);
}

div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start;
}

.page-link {
    min-width: 36px;
    margin: 0 2px;
    color: var(--primary-color);
    text-align: center;
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: 9px !important;
}

.page-item.active .page-link,
.page-link:hover {
    color: var(--on-primary);
    background: var(--primary-action);
    border-color: var(--primary-action);
}

.dataTables_empty {
    height: 300px;
    padding: 2rem !important;
    border: 0 !important;
}

.pr-empty-state {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    align-items: center;
    justify-content: center;
    max-width: 420px;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
}

.pr-empty-state svg {
    width: 148px;
    height: auto;
    filter: drop-shadow(0 12px 20px rgba(28, 63, 170, 0.12));
}

.pr-empty-state strong {
    color: var(--dark-text);
    font-size: 1rem;
    font-weight: 800 !important;
}

.pr-empty-state span {
    max-width: 330px;
    color: var(--muted-text);
    font-size: 0.82rem;
}

.pr-empty-state .btn {
    margin-top: 0.4rem;
}

/* Skeleton loading */
.pr-skeleton,
.shell-skeleton {
    position: relative;
    overflow: hidden;
}

.pr-table-skeleton {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.pr-skeleton-row {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.8fr 0.55fr;
    gap: 1rem;
    align-items: center;
    min-height: 58px;
    padding: 0.8rem 1rem;
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: 12px;
}

.pr-skeleton-line,
.skeleton-line,
.pr-skeleton-circle {
    position: relative;
    display: block;
    overflow: hidden;
    background: #E9EDF4;
}

.pr-skeleton-line,
.skeleton-line {
    width: 100%;
    height: 12px;
    border-radius: var(--radius-pill);
}

.pr-skeleton-line::after,
.skeleton-line::after,
.pr-skeleton-circle::after,
.pr-table-skeleton::after,
.shell-skeleton::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.78), transparent);
    transform: translateX(100%);
    animation: pr-shimmer 1.35s infinite;
}

.pr-skeleton-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.pr-inline-loader {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    min-width: 28px;
    min-height: 14px;
}

.pr-inline-loader span {
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
    animation: pr-dot-wave 1s ease-in-out infinite;
}

.pr-inline-loader span:nth-child(2) { animation-delay: 0.12s; }
.pr-inline-loader span:nth-child(3) { animation-delay: 0.24s; }

#fullpage-overlay {
    background: var(--overlay-bg);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

#fullpage-overlay .inner-wrapper {
    width: min(92vw, 520px);
    padding: 2rem;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

/* Active service list */
.div-service-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: 13px;
    transition: var(--transition);
}

.div-service-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(28, 63, 170, 0.1);
}

.div-service-name {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    text-align: right;
}

.div-service-name .text-domain {
    overflow: hidden;
    color: var(--muted-text);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.div-service-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
    margin: 0;
}

.persiariver-service-item__product {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.persiariver-service-item__product-icon {
    color: var(--primary-color);
}

.persiariver-service-item__domain {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.persiariver-service-menu {
    padding: 0.45rem;
    border-radius: 12px;
    box-shadow: var(--shadow-md);
}

.persiariver-service-menu__item {
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    cursor: pointer;
}

.persiariver-service-menu__item:hover {
    color: var(--primary-color);
    background: var(--primary-50);
}

/* Authentication and registration */
.pr-auth {
    position: relative;
    width: 100%;
    min-height: 680px;
    overflow: hidden;
}

.pr-auth__river {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.pr-auth__river-wave {
    position: absolute;
    right: -18%;
    bottom: -24%;
    width: 145%;
    height: 52%;
    background: rgba(0, 208, 156, 0.14);
    border-radius: 50% 48% 0 0 / 72% 68% 0 0;
    animation: pr-river-wave 16s ease-in-out infinite alternate;
}

.pr-auth__river-wave--two {
    right: -5%;
    bottom: -34%;
    background: rgba(28, 63, 170, 0.1);
    animation-delay: -6s;
    animation-duration: 20s;
}

.pr-auth__river-glow {
    position: absolute;
    top: 4%;
    left: 4%;
    width: 260px;
    height: 260px;
    background: rgba(0, 208, 156, 0.14);
    border-radius: 50%;
    filter: blur(70px);
}

.pr-auth__container {
    position: relative;
    z-index: 2;
    width: min(100%, 1120px);
    margin: 1.5rem auto 3rem;
}

.pr-auth__layout {
    display: grid;
    grid-template-columns: minmax(310px, 0.9fr) minmax(390px, 1.1fr);
    min-height: 630px;
    overflow: hidden;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: 30px;
    box-shadow: var(--shadow-lg);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.pr-auth__layout--registration {
    grid-template-columns: minmax(300px, 0.72fr) minmax(500px, 1.28fr);
    align-items: start;
}

.pr-auth__layout--compact {
    grid-template-columns: minmax(300px, 0.85fr) minmax(360px, 1.15fr);
    min-height: 570px;
}

.pr-auth__story {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    color: var(--white);
    background: linear-gradient(140deg, var(--primary-900), var(--primary-action) 60%, #087E78 140%);
}

.pr-auth__story--registration {
    position: sticky;
    top: 1rem;
    min-height: 720px;
    justify-content: flex-start;
}

.pr-auth__story--reset {
    min-height: 570px;
}

.pr-auth__brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 1.2rem;
    color: #064F40;
    font-size: 1.45rem;
    background: var(--secondary-color);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0, 208, 156, 0.25);
}

.pr-auth__eyebrow {
    margin: 0;
    color: var(--secondary-color) !important;
    font-size: 0.73rem;
    font-weight: 600;
}

.pr-auth__headline {
    margin: 0.55rem 0 0.8rem;
    color: var(--white);
    font-size: clamp(1.7rem, 3.1vw, 2.75rem);
}

.pr-auth__lead {
    color: rgba(255, 255, 255, 0.72) !important;
}

.pr-auth__trust-list,
.pr-auth__steps {
    display: grid;
    gap: 0.85rem;
    margin: 1.35rem 0;
    padding: 0;
    list-style: none;
}

.pr-auth__trust-list li,
.pr-auth__steps li {
    display: flex;
    gap: 0.7rem;
    align-items: center;
}

.pr-auth__trust-icon,
.pr-auth__steps > li > span {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--secondary-color);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
}

.pr-auth__steps > li.is-active > span {
    color: #064F40;
    background: var(--secondary-color);
}

.pr-auth__trust-list li > span:last-child,
.pr-auth__steps li > div {
    display: flex;
    flex-direction: column;
}

.pr-auth__trust-list strong,
.pr-auth__steps strong {
    color: var(--white);
    font-size: 0.8rem;
}

.pr-auth__trust-list small,
.pr-auth__steps small {
    color: rgba(255, 255, 255, 0.56);
    font-size: 0.68rem;
}

.pr-auth__service-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.6rem;
}

.pr-auth__service-pills span {
    padding: 0.35rem 0.6rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.66rem;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-pill);
}

.pr-auth__assurance {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.9rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 13px;
}

.pr-auth__support-note {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.85rem;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.7rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.pr-auth__support-note > i,
.pr-auth__support-note a {
    color: var(--secondary-color);
}

.pr-auth__assurance > i {
    color: var(--secondary-color);
    font-size: 1.2rem;
}

.pr-auth__assurance div {
    display: flex;
    flex-direction: column;
}

.pr-auth__assurance strong {
    color: var(--white);
    font-size: 0.76rem;
}

.pr-auth__assurance span {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.65rem;
}

.pr-auth__returning-user {
    margin-top: auto;
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 0.72rem;
}

.pr-auth__returning-user a {
    color: var(--secondary-color);
    font-weight: 600;
}

.pr-auth__panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(1.35rem, 4vw, 3.4rem);
}

.pr-auth__panel--registration {
    display: block;
    justify-content: initial;
    padding: clamp(1.2rem, 3vw, 2.4rem);
}

.pr-auth__card {
    margin: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pr-auth__card-body {
    padding: 0;
}

.pr-auth__form-header {
    margin-bottom: 1.4rem;
}

.pr-auth__secure-badge {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    padding: 0.35rem 0.65rem;
    color: #00674E;
    font-size: 0.67rem;
    font-weight: 600;
    background: var(--mint-50);
    border: 1px solid rgba(0, 208, 156, 0.18);
    border-radius: var(--radius-pill);
}

.pr-auth__title {
    margin: 0.7rem 0 0.35rem;
    font-size: clamp(1.4rem, 2.6vw, 2rem);
}

.pr-auth__description {
    margin: 0;
    font-size: 0.8rem;
}

.pr-auth__label-row,
.pr-auth__form-options,
.pr-auth__card-footer,
.pr-auth__register-action {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    justify-content: space-between;
}

.pr-auth__label,
.pr-auth__text-link {
    font-size: 0.75rem;
}

.pr-auth__input-group .form-control {
    min-height: 52px;
}

.pr-auth__input-group .input-group-text,
.pr-auth__reveal {
    min-height: 52px;
}

.pr-auth__form-options {
    margin: 0.2rem 0 1.1rem;
}

.pr-auth__check {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    margin: 0;
    color: var(--muted-text);
    font-size: 0.72rem;
    cursor: pointer;
}

.pr-auth__check .form-check-input {
    position: static;
    margin: 0;
}

.pr-auth__encrypted {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    color: #00785D;
    font-size: 0.66rem;
}

.pr-auth__submit--cta {
    min-height: 52px;
    color: var(--np-btn-warning-color) !important;
    background: var(--np-btn-warning-bg);
    border-color: var(--np-btn-warning-border);
    box-shadow: 0 8px 22px rgba(255, 159, 67, 0.34);
}

.pr-auth__submit--cta:hover {
    background: var(--np-btn-warning-hover-bg);
    border-color: var(--np-btn-warning-hover-border);
    box-shadow: 0 12px 28px rgba(255, 159, 67, 0.42);
}

.pr-auth__linked-accounts {
    margin-top: 1rem;
}

.pr-auth__card-footer {
    margin-top: 1.2rem;
    padding: 1rem 0 0;
    background: transparent;
    border-top: 1px solid var(--border-muted);
}

.pr-auth__card-footer > div {
    display: flex;
    flex-direction: column;
}

.pr-auth__card-footer strong {
    color: var(--dark-text);
    font-size: 0.75rem;
}

.pr-auth__secondary-cta {
    color: var(--primary-color);
    background: var(--primary-50);
    border: 1px solid rgba(28, 63, 170, 0.12);
}

.pr-auth__secondary-cta:hover,
.pr-auth__secondary-cta:focus {
    color: var(--dark-text);
    background: var(--primary-100);
    border-color: var(--np-btn-primary-outline);
}

.pr-auth__secondary-cta:active,
.pr-auth__secondary-cta.active {
    color: var(--dark-text);
    background: var(--primary-200);
    border-color: var(--np-btn-primary-outline);
}

.pr-auth__help {
    margin: 1rem 0 0;
    font-size: 0.7rem;
    text-align: center;
}

.pr-auth__section-card {
    overflow: hidden;
    border-color: var(--border-muted);
}

.pr-auth__section-card:hover {
    border-color: rgba(28, 63, 170, 0.18);
    box-shadow: var(--shadow-md);
}

.pr-auth__section-header {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-muted);
}

.pr-auth__section-header .card-title {
    margin: 0;
}

.pr-auth__section-header p {
    margin: 0.15rem 0 0;
    font-size: 0.7rem;
}

.pr-auth__section-icon {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    color: var(--primary-color);
    background: var(--primary-50);
    border-radius: 12px;
}

.pr-auth__password-meter .progress {
    height: 7px;
    overflow: hidden;
    background: var(--border-muted);
    border-radius: var(--radius-pill);
}

.pr-auth__marketing-optin {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
}

.pr-auth__marketing-copy h3,
.pr-auth__marketing-copy p {
    margin: 0;
}

.pr-auth__marketing-copy p {
    font-size: 0.7rem;
}

.pr-auth__terms {
    margin: 1rem 0;
    padding: 0.9rem;
    background: var(--surface-muted);
    border: 1px solid var(--border-muted);
    border-radius: 12px;
}

.pr-auth__register-action {
    flex-direction: column;
    align-items: stretch;
}

.pr-auth__register-action p {
    margin: 0;
    font-size: 0.68rem;
    text-align: center;
}

.pr-auth__notice {
    margin-bottom: 1rem;
}

.pr-auth__panel--reset {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}

.pr-auth__reset-content {
    text-align: center;
}

.pr-auth__reset-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    margin-bottom: 1rem;
    color: var(--primary-color);
    font-size: 1.5rem;
    background: var(--primary-50);
    border-radius: 20px;
}

.pr-auth__inner-template {
    text-align: right;
}

.pr-auth__status-message {
    margin: 0.8rem 0;
}

.pr-auth__card-footer--centered {
    justify-content: center;
    color: var(--muted-text);
    font-size: 0.68rem;
    text-align: center;
}

.pr-auth-oauth {
    min-height: 100vh;
    background: var(--page-bg);
}

.pr-auth-oauth__header {
    position: relative;
    z-index: 3;
    padding: 0.8rem 0;
    background: var(--surface-glass);
    border-bottom: 1px solid var(--surface-glass-border);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.pr-auth-oauth__header-inner,
.pr-auth-oauth__footer-inner,
.pr-auth-oauth__session,
.pr-auth-oauth__identity,
.pr-auth-oauth__brand {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.pr-auth-oauth__brand-copy,
.pr-auth-oauth__identity p {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.pr-auth-oauth__logo {
    width: auto;
    max-width: 150px;
    max-height: 44px;
}

.pr-auth-oauth__brand-copy strong {
    color: var(--primary-color);
}

.pr-auth-oauth__brand-copy small,
.pr-auth-oauth__identity p {
    color: var(--muted-text);
    font-size: 0.68rem;
}

.pr-auth-oauth__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: var(--primary-color);
    background: var(--primary-50);
    border-radius: 12px;
}

.pr-auth-oauth__main {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 180px);
    padding: 2rem 1rem;
}

.pr-auth-oauth__layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.85fr) minmax(380px, 1.15fr);
    width: min(100%, 1000px);
    margin: 0 auto;
    overflow: hidden;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.pr-auth-oauth__story {
    padding: clamp(1.5rem, 4vw, 3rem);
    color: var(--white);
    background: linear-gradient(135deg, var(--primary-900), var(--primary-action));
}

.pr-auth-oauth__story h1 {
    margin: 1rem 0 0.7rem;
    color: var(--white);
}

.pr-auth-oauth__story p {
    color: rgba(255, 255, 255, 0.7) !important;
}

.pr-auth-oauth__story ul {
    display: grid;
    gap: 0.6rem;
    margin: 1rem 0 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.75rem;
    list-style: none;
}

.pr-auth-oauth__story li {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.pr-auth-oauth__story li i {
    color: var(--secondary-color);
}

.pr-auth-oauth__content {
    min-width: 0;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.pr-auth-oauth__footer {
    position: relative;
    z-index: 2;
    padding: 1rem 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.7rem;
    background: var(--primary-900);
}

.pr-auth-oauth__footer-security {
    color: var(--secondary-color);
}

.pr-domain-hero {
    position: relative;
    padding: clamp(2.5rem, 6vw, 5.5rem) 0;
    overflow: hidden;
    color: var(--white);
    background:
        radial-gradient(circle at 18% 25%, rgba(0, 208, 156, 0.22), transparent 20rem),
        linear-gradient(115deg, var(--primary-900), var(--primary-action) 62%, #087E78 140%);
}

.pr-domain-hero::before,
.pr-domain-hero::after {
    position: absolute;
    right: -8%;
    bottom: -45%;
    width: 120%;
    height: 68%;
    content: "";
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50% 48% 0 0 / 68% 72% 0 0;
    animation: pr-river-wave 18s ease-in-out infinite alternate;
}

.pr-domain-hero::after {
    right: -20%;
    bottom: -53%;
    background: rgba(0, 208, 156, 0.14);
    animation-delay: -7s;
}

.pr-domain-hero .container {
    position: relative;
    z-index: 2;
}

.pr-domain-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}

.pr-domain-hero-copy h1 {
    max-width: 720px;
    margin: 0.75rem 0 1rem;
    color: var(--white);
    font-size: clamp(2rem, 4.6vw, 4.4rem);
    font-weight: 800;
    line-height: 1.3;
}

.pr-domain-hero-copy > p {
    max-width: 650px;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: clamp(0.95rem, 1.5vw, 1.12rem);
}

.pr-eyebrow {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    color: var(--primary-color);
    font-size: 0.76rem;
    font-weight: 600;
}

.pr-domain-hero .pr-eyebrow {
    color: var(--secondary-color);
}

.pr-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1.2rem;
    margin: 1.6rem 0 0;
    padding: 0;
    list-style: none;
}

.pr-hero-trust li {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.78rem;
}

.pr-hero-trust i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #055445;
    font-size: 0.65rem;
    background: var(--secondary-color);
    border-radius: 50%;
}

.pr-domain-finder {
    padding: clamp(1.35rem, 3vw, 2rem);
    color: var(--dark-text);
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 26px 70px rgba(4, 18, 55, 0.28);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.pr-domain-finder-head {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    margin-bottom: 1.3rem;
}

.pr-domain-finder-head h2 {
    margin: 0;
    font-size: 1.1rem;
}

.pr-domain-finder-head p {
    margin: 0.2rem 0 0;
    font-size: 0.76rem;
}

.pr-domain-icon {
    display: inline-flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: var(--primary-color);
    font-size: 1.25rem;
    background: var(--primary-50);
    border-radius: 15px;
}

.pr-domain-input-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.55rem;
}

.pr-domain-input-group .form-control {
    min-width: 0;
    direction: ltr;
    text-align: left;
}

.pr-domain-finder-foot {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-muted);
}

.pr-tld-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pr-tld-list li {
    display: inline-flex;
    gap: 0.3rem;
    align-items: baseline;
    padding: 0.35rem 0.55rem;
    background: var(--surface-muted);
    border-radius: 8px;
}

.pr-tld-list span {
    color: var(--primary-color);
    font-size: 0.76rem;
    font-weight: 800;
}

.pr-tld-list strong {
    color: var(--muted-text);
    font-size: 0.65rem;
}

.pr-pricing-link {
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 600;
}

.pr-homepage {
    padding: 0.5rem 0 2rem;
}

.pr-section {
    padding: clamp(2.5rem, 6vw, 5rem) 0;
}

.pr-section-heading {
    max-width: 720px;
    margin: 0 auto 2.2rem;
    text-align: center;
}

.pr-section-heading h2 {
    margin: 0.45rem 0 0.6rem;
    font-size: clamp(1.65rem, 3vw, 2.5rem);
}

.pr-section-heading p {
    margin: 0;
}

.pr-section-heading-inline {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    justify-content: space-between;
    max-width: none;
    text-align: right;
}

.pr-section-heading-inline > p {
    max-width: 450px;
}

.pr-service-grid,
.pr-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
}

.pr-service-card,
.pr-product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(1.3rem, 3vw, 2rem);
    overflow: hidden;
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.pr-service-card::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    content: "";
    background: var(--primary-color);
}

.pr-service-card-development::before {
    background: var(--secondary-color);
}

.pr-service-card-ai::before {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}

.pr-service-card:hover,
.pr-product-card:hover {
    transform: translateY(-7px);
    box-shadow: var(--shadow-lg);
}

.pr-service-card-icon,
.pr-product-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 1.2rem;
    color: var(--primary-color);
    font-size: 1.35rem;
    background: var(--primary-50);
    border-radius: 17px;
}

.pr-service-card-development .pr-service-card-icon {
    color: #00785D;
    background: var(--mint-50);
}

.pr-service-kicker {
    color: var(--primary-color);
    font-size: 0.7rem;
    font-weight: 600;
}

.pr-service-card h3,
.pr-product-card h3 {
    margin: 0.35rem 0 0.6rem;
    font-size: 1.15rem;
}

.pr-service-card p,
.pr-product-card p {
    font-size: 0.82rem;
}

.pr-service-card ul {
    display: grid;
    gap: 0.6rem;
    margin: 0.6rem 0 1.4rem;
    padding: 0;
    list-style: none;
}

.pr-service-card li {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    color: var(--dark-text);
    font-size: 0.78rem;
}

.pr-service-card li i {
    color: var(--secondary-color);
}

.pr-service-card .btn,
.pr-product-card .btn {
    margin-top: auto;
}

.pr-trust-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    background: linear-gradient(120deg, var(--primary-900), var(--primary-action));
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.pr-trust-item {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    padding: 1.5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.pr-trust-item:last-child {
    border-left: 0;
}

.pr-trust-item > i {
    color: var(--secondary-color);
    font-size: 1.35rem;
}

.pr-trust-item div {
    display: flex;
    flex-direction: column;
}

.pr-trust-item strong {
    color: var(--white);
    font-size: 0.82rem;
}

.pr-trust-item span {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.68rem;
}

.pr-products-section {
    margin-top: 1rem;
}

.pr-product-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.pr-support-section {
    display: grid;
    grid-template-columns: minmax(270px, 0.75fr) minmax(0, 1.25fr);
    gap: 2rem;
    align-items: center;
    margin-top: 1rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: linear-gradient(135deg, var(--surface-color), var(--primary-50));
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.pr-support-copy h2 {
    margin: 0.45rem 0 0.65rem;
    font-size: clamp(1.45rem, 3vw, 2.2rem);
}

.pr-support-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.pr-support-links a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 1rem;
    color: var(--dark-text);
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: 13px;
    box-shadow: 0 2px 8px rgba(47, 53, 66, 0.03);
}

.pr-support-links a:hover {
    color: var(--primary-color);
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.pr-support-links a > i:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--primary-color);
    background: var(--primary-50);
    border-radius: 12px;
}

.pr-support-links span {
    display: flex;
    flex-direction: column;
}

.pr-support-links strong {
    font-size: 0.8rem;
}

.pr-support-links small {
    color: var(--muted-text);
    font-size: 0.66rem;
}

.pr-auth-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1.1fr);
    gap: 1.5rem;
    align-items: stretch;
    width: min(100%, 1080px);
    min-height: 610px;
    margin: 1.5rem auto 3rem;
    overflow: hidden;
    background: var(--surface-glass);
    border: 1px solid var(--surface-glass-border);
    border-radius: 30px;
    box-shadow: var(--shadow-lg);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.pr-auth-river-bg,
.pr-auth-promo {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    color: var(--white);
    background: linear-gradient(135deg, var(--primary-900), var(--primary-action) 54%, #087E78 130%);
}

.pr-auth-river-bg::before,
.pr-auth-river-bg::after,
.pr-auth-promo::before,
.pr-auth-promo::after {
    position: absolute;
    right: -25%;
    bottom: -22%;
    width: 150%;
    height: 58%;
    content: "";
    background: rgba(0, 208, 156, 0.22);
    border-radius: 48% 52% 0 0 / 70% 70% 0 0;
    transform-origin: center bottom;
    animation: pr-river-wave 14s ease-in-out infinite alternate;
}

.pr-auth-river-bg::after,
.pr-auth-promo::after {
    right: -12%;
    bottom: -31%;
    background: rgba(255, 255, 255, 0.12);
    animation-delay: -5s;
    animation-duration: 18s;
}

.pr-auth-promo > *,
.pr-auth-river-bg > * {
    position: relative;
    z-index: 2;
}

.pr-auth-promo h1,
.pr-auth-promo h2,
.pr-auth-promo h3,
.pr-auth-river-bg h1,
.pr-auth-river-bg h2,
.pr-auth-river-bg h3 {
    color: var(--white);
    font-size: clamp(1.7rem, 3vw, 2.6rem);
}

.pr-auth-promo p,
.pr-auth-river-bg p {
    color: rgba(255, 255, 255, 0.78) !important;
}

.pr-auth-trust-list {
    display: grid;
    gap: 0.85rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.pr-auth-trust-list li {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    color: rgba(255, 255, 255, 0.9);
}

.pr-auth-trust-list i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #064F40;
    background: var(--secondary-color);
    border-radius: 50%;
}

.pr-auth-panel,
.pr-auth-form-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.6rem, 4vw, 3.5rem);
}

.pr-auth-form-card .card,
.pr-auth-panel .card {
    margin: 0 !important;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pr-auth-field {
    position: relative;
}

.pr-auth-actions {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.pr-auth-secondary-link {
    color: var(--muted-text);
    font-size: 0.78rem;
}

.pr-register-shell {
    max-width: 1080px;
    margin: 0 auto;
}

.pr-register-heading {
    position: relative;
    margin-bottom: 1.5rem;
    padding: clamp(1.5rem, 4vw, 2.5rem);
    overflow: hidden;
    color: var(--white);
    background: linear-gradient(115deg, var(--primary-800), var(--primary-action));
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.pr-register-heading h1,
.pr-register-heading h2,
.pr-register-heading p {
    position: relative;
    z-index: 2;
    color: var(--white) !important;
}

.pr-register-grid .card {
    height: calc(100% - 1.5rem);
    margin-bottom: 1.5rem !important;
}

#registration .card:hover {
    border-color: rgba(28, 63, 170, 0.16);
    box-shadow: var(--shadow-md);
}

/* Dashboard fallback and WHMCS panels */
.persiariver-dashboard {
    display: grid;
    gap: 1.75rem;
}

.persiariver-dashboard-hero {
    position: relative;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    min-height: 250px;
    padding: clamp(1.5rem, 4vw, 3rem);
    overflow: hidden;
    color: var(--white);
    background: linear-gradient(120deg, var(--primary-900), var(--primary-action) 66%, #087E78 135%);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.persiariver-dashboard-hero__content,
.persiariver-dashboard-hero__actions {
    position: relative;
    z-index: 2;
}

.persiariver-dashboard-hero__content {
    max-width: 720px;
}

.persiariver-dashboard-hero__eyebrow,
.persiariver-section-heading__eyebrow {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    color: var(--secondary-color);
    font-size: 0.72rem;
    font-weight: 600;
}

.persiariver-dashboard-hero__title {
    margin: 0.6rem 0 0.75rem;
    color: var(--white);
    font-size: clamp(1.65rem, 3.4vw, 2.85rem);
}

.persiariver-dashboard-hero__description {
    max-width: 660px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72) !important;
}

.persiariver-dashboard-hero__actions {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 0.65rem;
}

.persiariver-dashboard-hero__river,
.persiariver-upgrade-banner__flow {
    position: absolute;
    right: -15%;
    bottom: -52%;
    width: 130%;
    height: 72%;
    background: rgba(0, 208, 156, 0.16);
    border-radius: 50% 48% 0 0 / 70% 68% 0 0;
    animation: pr-river-wave 16s ease-in-out infinite alternate;
}

.persiariver-btn {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
}

.persiariver-btn--cta,
.persiariver-stat-card__action--cta {
    color: var(--np-btn-warning-color) !important;
    background: var(--np-btn-warning-bg);
    border: 1px solid var(--np-btn-warning-border);
    border-radius: 11px;
    box-shadow: 0 8px 22px rgba(255, 159, 67, 0.3);
}

.persiariver-btn--secondary {
    color: var(--white) !important;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.persiariver-btn--cta:hover,
.persiariver-btn--cta:focus,
.persiariver-stat-card:hover .persiariver-stat-card__action--cta,
.persiariver-stat-card:focus .persiariver-stat-card__action--cta {
    color: var(--np-btn-warning-color) !important;
    background: var(--np-btn-warning-hover-bg);
    border-color: var(--np-btn-warning-hover-border);
}

.persiariver-btn--cta:active,
.persiariver-btn--cta.active,
.persiariver-stat-card:active .persiariver-stat-card__action--cta {
    color: var(--np-btn-warning-color) !important;
    background: var(--np-btn-warning-active-bg);
    border-color: var(--np-btn-warning-active-border);
}

.persiariver-btn--secondary:hover,
.persiariver-btn--secondary:focus {
    color: var(--white) !important;
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.34);
}

.persiariver-btn--secondary:active,
.persiariver-btn--secondary.active {
    color: var(--white) !important;
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.48);
}

.persiariver-account-overview,
.persiariver-recommendations,
.persiariver-opportunities,
.persiariver-home-panels {
    display: grid;
    gap: 1.2rem;
}

.persiariver-section-heading {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    justify-content: space-between;
}

.persiariver-section-heading__eyebrow {
    color: var(--primary-color);
}

.persiariver-section-heading__title {
    margin: 0.2rem 0 0;
    font-size: clamp(1.25rem, 2.4vw, 1.8rem);
}

.persiariver-section-heading__link {
    flex: 0 0 auto;
    font-size: 0.76rem;
    font-weight: 600;
}

.persiariver-stat-grid,
.persiariver-recommendations__grid,
.persiariver-empty-state-grid {
    margin-right: -0.55rem;
    margin-left: -0.55rem;
}

.persiariver-stat-grid > [class*="col-"],
.persiariver-recommendations__grid > [class*="col-"],
.persiariver-empty-state-grid > [class*="col-"] {
    padding-right: 0.55rem;
    padding-left: 0.55rem;
}

.persiariver-stat-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    min-height: 220px;
    margin-bottom: 1.1rem;
    padding: 1.25rem;
    overflow: hidden;
    color: var(--dark-text);
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.persiariver-stat-card::after {
    position: absolute;
    inset: auto 0 0;
    height: 4px;
    content: "";
    background: var(--primary-color);
}

.persiariver-stat-card:hover {
    color: var(--dark-text);
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(28, 63, 170, 0.1);
}

.persiariver-stat-card--invoices::after {
    height: 6px;
    background: var(--accent-color);
}

.persiariver-stat-card--invoices {
    border-color: rgba(255, 159, 67, 0.28);
    background: linear-gradient(145deg, var(--surface-color), var(--accent-50));
}

.persiariver-stat-card--invoices.is-clear {
    border-color: rgba(0, 208, 156, 0.2);
    background: linear-gradient(145deg, var(--surface-color), var(--mint-50));
}

.persiariver-stat-card--invoices.is-clear::after,
.persiariver-stat-card--domains::after {
    background: var(--secondary-color);
}

.persiariver-stat-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--primary-color);
    font-size: 1.2rem;
    background: var(--primary-50);
    border-radius: 14px;
}

.persiariver-stat-card--invoices .persiariver-stat-card__icon {
    color: #99500A;
    background: var(--accent-100);
}

.persiariver-stat-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.persiariver-stat-card__label {
    color: var(--muted-text);
    font-size: 0.74rem;
    font-weight: 600;
}

.persiariver-stat-card__value {
    margin: 0.25rem 0;
    color: var(--dark-text);
    font-size: 2rem;
    font-weight: 800 !important;
    line-height: 1.2;
}

.persiariver-stat-card__message {
    color: var(--muted-text);
    font-size: 0.72rem;
    line-height: 1.7;
}

.persiariver-stat-card__action {
    display: inline-flex;
    grid-column: 1 / -1;
    gap: 0.4rem;
    align-items: center;
    align-self: end;
    justify-self: stretch;
    margin-top: auto;
    padding-top: 0.75rem;
    color: var(--primary-color);
    font-size: 0.72rem;
    font-weight: 600;
    border-top: 1px solid var(--border-muted);
}

.persiariver-stat-card__action--cta {
    justify-content: center;
    padding: 0.55rem 0.75rem;
    border-top: 0;
}

.persiariver-upgrade-banner {
    position: relative;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    min-height: 190px;
    padding: clamp(1.4rem, 4vw, 2.5rem);
    overflow: hidden;
    color: var(--white);
    background: linear-gradient(110deg, var(--primary-800), var(--primary-action), #087E78 140%);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

.persiariver-upgrade-banner__content,
.persiariver-upgrade-banner__cta {
    position: relative;
    z-index: 2;
}

.persiariver-upgrade-banner__content {
    max-width: 720px;
}

.persiariver-upgrade-banner__badge {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    color: var(--secondary-color);
    font-size: 0.72rem;
    font-weight: 600;
}

.persiariver-upgrade-banner__title {
    margin: 0.55rem 0 0.5rem;
    color: var(--white);
    font-size: clamp(1.35rem, 2.8vw, 2.1rem);
}

.persiariver-upgrade-banner__text {
    margin: 0;
    color: rgba(255, 255, 255, 0.7) !important;
}

.persiariver-offer-card,
.persiariver-empty-state {
    display: flex;
    flex-direction: column;
    height: calc(100% - 1.1rem);
    margin-bottom: 1.1rem;
    padding: 1.35rem;
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.persiariver-offer-card:hover,
.persiariver-empty-state:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(28, 63, 170, 0.1);
}

.persiariver-offer-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: var(--primary-color);
    font-size: 1.2rem;
    background: var(--primary-50);
    border-radius: 14px;
}

.persiariver-offer-card--software .persiariver-offer-card__icon {
    color: #00785D;
    background: var(--mint-50);
}

.persiariver-offer-card__tag {
    margin-top: 1rem;
    color: var(--primary-color);
    font-size: 0.68rem;
    font-weight: 600;
}

.persiariver-offer-card__title,
.persiariver-empty-state__title {
    margin: 0.3rem 0 0.55rem;
    font-size: 1.05rem;
}

.persiariver-offer-card__text,
.persiariver-empty-state__text {
    font-size: 0.76rem;
}

.persiariver-offer-card__features {
    display: grid;
    gap: 0.45rem;
    margin: 0.5rem 0 1rem;
    padding: 0;
    color: var(--dark-text);
    font-size: 0.72rem;
    list-style: none;
}

.persiariver-offer-card__features i {
    margin-left: 0.35rem;
    color: var(--secondary-color);
}

.persiariver-offer-card__link {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    margin-top: auto;
    font-size: 0.74rem;
    font-weight: 600;
}

.persiariver-empty-state {
    align-items: center;
    text-align: center;
}

.persiariver-empty-state__illustration {
    width: 120px;
    height: 100px;
    margin-bottom: 0.6rem;
}

.persiariver-empty-state__illustration svg {
    width: 100%;
    height: 100%;
}

.persiariver-empty-state__cta {
    margin-top: auto;
    color: var(--primary-color);
    background: var(--primary-50);
    border: 1px solid rgba(28, 63, 170, 0.1);
}

.persiariver-empty-state__cta:hover,
.persiariver-empty-state__cta:focus {
    color: var(--dark-text);
    background: var(--primary-100);
    border-color: var(--np-btn-primary-outline);
}

.persiariver-empty-state__cta:active,
.persiariver-empty-state__cta.active {
    color: var(--dark-text);
    background: var(--primary-200);
    border-color: var(--np-btn-primary-outline);
}

.persiariver-panel {
    overflow: hidden;
}

.persiariver-panel__item:hover {
    color: var(--primary-color);
    background: var(--primary-50);
    transform: translateX(-3px);
}

.persiariver-reveal {
    animation: pr-fade-in-up 0.65s both;
}

.persiariver-delay-1 { animation-delay: 0.04s; }
.persiariver-delay-2 { animation-delay: 0.1s; }
.persiariver-delay-3 { animation-delay: 0.16s; }
.persiariver-delay-4 { animation-delay: 0.22s; }
.persiariver-delay-5 { animation-delay: 0.28s; }
.persiariver-delay-6 { animation-delay: 0.34s; }
.persiariver-delay-7 { animation-delay: 0.4s; }

.tiles .row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.tiles .row > [class*="col-"] {
    width: auto;
    max-width: none;
    padding: 0;
}

.tiles .tile {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 140px;
    padding: 1.25rem;
    overflow: hidden;
    color: var(--dark-text);
    text-align: right;
    background: var(--surface-color);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.tiles .tile:hover {
    color: var(--primary-color);
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(28, 63, 170, 0.1);
}

.tiles .tile > i {
    position: absolute;
    top: 1.15rem;
    left: 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: var(--primary-color);
    font-size: 1.35rem;
    background: var(--primary-50);
    border-radius: 14px;
}

.tiles .tile .stat {
    margin-top: auto;
    font-size: 2rem;
    font-weight: 800;
}

.tiles .tile .title {
    color: var(--muted-text);
    font-size: 0.82rem;
    font-weight: 400;
}

.tiles .tile .highlight {
    position: absolute;
    inset: auto 0 0;
    height: 4px;
    background: var(--primary-color) !important;
}

.client-home-cards .card {
    overflow: hidden;
}

.client-home-cards .list-group-item-action:hover {
    color: var(--primary-color);
    background: var(--primary-50);
    transform: translateX(-3px);
}

/* Footer */
.persiariver-footer,
.footer {
    position: relative;
    padding: 2.3rem 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.72);
    background: linear-gradient(110deg, #121B35, var(--primary-900));
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.persiariver-footer .btn-outline-light,
.footer .btn-outline-light {
    --np-outline-color: #FFFFFF;
}

.persiariver-footer::before,
.footer::before {
    position: absolute;
    top: -120px;
    left: 8%;
    width: 320px;
    height: 220px;
    content: "";
    background: rgba(0, 208, 156, 0.12);
    border-radius: 50%;
    filter: blur(50px);
}

.footer .container {
    position: relative;
}

.footer .nav-link,
.footer a {
    color: rgba(255, 255, 255, 0.72);
}

.footer .nav-link:hover,
.footer a:hover {
    color: var(--secondary-color);
}

.footer .copyright {
    color: rgba(255, 255, 255, 0.48) !important;
    font-size: 0.76rem;
}

/* Entrance choreography */
.pr-reveal,
.persiariver-shell.is-ready .primary-content > *,
.persiariver-shell.is-ready .sidebar > * {
    animation: pr-fade-in-up 0.65s both;
}

.persiariver-shell.is-ready .primary-content > *:nth-child(2) { animation-delay: 0.08s; }
.persiariver-shell.is-ready .primary-content > *:nth-child(3) { animation-delay: 0.16s; }
.persiariver-shell.is-ready .primary-content > *:nth-child(4) { animation-delay: 0.24s; }
.persiariver-shell.is-ready .primary-content > *:nth-child(5) { animation-delay: 0.32s; }
.persiariver-shell.is-ready .primary-content > *:nth-child(n+6) { animation-delay: 0.4s; }

@keyframes pr-fade-in-up {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pr-shimmer {
    to { transform: translateX(-100%); }
}

@keyframes pr-dot-wave {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.45; }
    30% { transform: translateY(-5px); opacity: 1; }
}

@keyframes pr-river-wave {
    0% { transform: translate3d(0, 0, 0) rotate(-2deg) scaleX(1.03); }
    50% { transform: translate3d(-4%, -5%, 0) rotate(2deg) scaleX(1.08); }
    100% { transform: translate3d(5%, 2%, 0) rotate(-1deg) scaleX(1); }
}

@media (max-width: 1199.98px) {
    header.site-header .unified-navbar .unified-navbar__container {
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .unified-navbar__toolbar {
        margin-right: auto;
        margin-inline-start: auto;
    }

    .main-navbar-wrapper .unified-navbar__collapse {
        flex-basis: 100%;
        flex-direction: column;
        align-items: stretch;
        order: 3;
        width: 100%;
        padding: 0.85rem 0 0.25rem;
    }

    .main-navbar-wrapper .unified-navbar__collapse.show {
        display: flex;
    }

    .unified-navbar__search {
        flex: 0 0 auto;
        order: 0;
        width: 100%;
        min-width: 0;
        margin: 0 0 0.7rem;
    }

    header.site-header .unified-navbar .navbar-nav {
        flex-direction: column;
        order: 1;
        width: 100%;
    }

    header.site-header .unified-navbar #nav.primary-navigation {
        order: 1;
    }

    header.site-header .unified-navbar .secondary-navigation {
        order: 2;
    }

    .main-navbar-wrapper .navbar-nav > .nav-item > .nav-link,
    .main-navbar-wrapper .navbar-nav > .nav-link {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0.65rem 0.75rem;
    }

    .main-navbar-wrapper .dropdown-menu {
        margin: 0.25rem 0;
        box-shadow: none;
    }

    .tiles .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    #main-body {
        padding-top: 0.75rem;
    }

    .sidebar {
        margin-bottom: 1.25rem;
    }

    .pr-auth-shell {
        grid-template-columns: 1fr;
        max-width: 680px;
    }

    .pr-auth__layout,
    .pr-auth__layout--registration,
    .pr-auth__layout--compact,
    .pr-auth-oauth__layout {
        grid-template-columns: 1fr;
        max-width: 720px;
        margin: 0 auto;
    }

    .pr-auth__story--registration {
        position: relative;
        top: auto;
        min-height: 0;
    }

    .pr-domain-hero-grid,
    .pr-support-section {
        grid-template-columns: 1fr;
    }

    .pr-service-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pr-service-card-ai {
        grid-column: 1 / -1;
    }

    .pr-trust-strip {
        grid-template-columns: 1fr 1fr;
    }

    .pr-trust-item:nth-child(2) {
        border-left: 0;
    }

    .pr-trust-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .pr-auth-promo,
    .pr-auth-river-bg {
        min-height: 330px;
    }

    .table-container {
        overflow-x: auto;
    }
}

@media (max-width: 767.98px) {
    body {
        font-size: 0.9rem;
    }

    header.site-header > .unified-navbar {
        min-height: 66px;
        padding: 0.55rem 0;
    }

    .brand-lockup {
        min-width: 0;
    }

    .brand-lockup .logo-img {
        max-width: 128px;
        height: 38px;
    }

    .brand-tagline {
        display: none;
    }

    .master-breadcrumb {
        overflow-x: auto;
    }

    .master-breadcrumb .breadcrumb {
        width: max-content;
        min-width: 100%;
    }

    .tiles .row {
        grid-template-columns: 1fr 1fr;
        gap: 0.7rem;
    }

    .tiles .tile {
        min-height: 125px;
        padding: 1rem;
    }

    .tiles .tile > i {
        top: 0.8rem;
        left: 0.8rem;
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .table-container {
        padding: 0.25rem;
        border-radius: 13px;
    }

    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
        min-width: 0;
        margin: 0.4rem 0 0;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }

    .div-service-item {
        grid-template-columns: 1fr auto;
    }

    .div-service-status {
        grid-column: 2;
        grid-row: 1;
    }

    .div-service-name {
        grid-column: 1;
        grid-row: 1;
    }

    .div-service-buttons {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .div-service-buttons .btn-group,
    .div-service-buttons .btn {
        flex: 1;
    }

    .pr-auth-shell {
        margin-top: 0.75rem;
        border-radius: 22px;
    }

    .pr-auth__container {
        margin-top: 0.6rem;
    }

    .pr-auth__layout,
    .pr-auth__layout--registration {
        border-radius: 22px;
    }

    .pr-auth__story {
        min-height: 300px;
        padding: 2rem 1.3rem;
    }

    .pr-auth__panel,
    .pr-auth__panel--registration,
    .pr-auth-oauth__content,
    .pr-auth-oauth__story {
        padding: 1.4rem 1rem;
    }

    .pr-auth__label-row,
    .pr-auth__form-options,
    .pr-auth__card-footer,
    .pr-auth-oauth__header-inner,
    .pr-auth-oauth__footer-inner,
    .pr-auth-oauth__session {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-auth__marketing-optin {
        grid-template-columns: auto 1fr;
    }

    .pr-auth__marketing-optin > :last-child {
        grid-column: 1 / -1;
    }

    .pr-auth-oauth__identity,
    .pr-auth-oauth__return,
    .pr-auth-oauth__return-button {
        width: 100%;
    }

    .pr-domain-hero {
        padding: 2.5rem 0;
    }

    .pr-domain-hero-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .pr-domain-input-group {
        grid-template-columns: 1fr 1fr;
    }

    .pr-domain-input-group .form-control {
        grid-column: 1 / -1;
    }

    .pr-domain-input-group .btn {
        width: 100%;
    }

    .pr-domain-finder-foot,
    .pr-section-heading-inline {
        flex-direction: column;
        align-items: stretch;
    }

    .pr-service-grid,
    .pr-support-links {
        grid-template-columns: 1fr;
    }

    .pr-service-card-ai {
        grid-column: auto;
    }

    .pr-trust-strip {
        grid-template-columns: 1fr;
    }

    .pr-trust-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-left: 0;
    }

    .pr-trust-item:last-child {
        border-bottom: 0;
    }

    .pr-auth-promo,
    .pr-auth-river-bg {
        min-height: 280px;
        padding: 2rem 1.4rem;
    }

    .pr-auth-panel,
    .pr-auth-form-card {
        padding: 1.5rem 1rem;
    }

    .pr-auth-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .pr-auth-actions .btn {
        width: 100%;
    }

    .footer {
        text-align: center;
    }

    .footer .nav {
        justify-content: center !important;
    }
}

@media (max-width: 479.98px) {
    header.site-header .shell-toolbar {
        gap: 0.35rem;
    }

    header.site-header .shell-toolbar .nav-link,
    header.site-header .shell-toolbar .btn {
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
    }

    .brand-lockup .logo-img {
        max-width: 112px;
        height: 36px;
    }

    .tiles .row {
        grid-template-columns: 1fr;
    }

    .tiles .tile {
        min-height: 112px;
    }

    .pr-skeleton-row {
        grid-template-columns: 1fr 0.7fr;
    }

    .pr-skeleton-row > :nth-child(n+3) {
        display: none;
    }
}

/* Theme compatibility for Bootstrap and page-specific surfaces */
html[data-theme="dark"] body,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light {
    background-color: var(--page-bg) !important;
    color: var(--dark-text);
}

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .table-container,
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .store-domain-tab-content,
html[data-theme="dark"] .well,
html[data-theme="dark"] .panel {
    background-color: var(--surface-color) !important;
    color: var(--dark-text);
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .popover-header {
    background: var(--surface-raised) !important;
    color: var(--dark-text);
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] .field,
html[data-theme="dark"] .input-group-text {
    color: var(--dark-text) !important;
    background-color: var(--surface-raised) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .field::placeholder {
    color: #8F9CB0;
}

html[data-theme="dark"] .unified-navbar .shell-search .form-control {
    background: transparent !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table-list tbody tr,
html[data-theme="dark"] table.dataTable tbody tr {
    color: var(--dark-text);
    background-color: var(--surface-color) !important;
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table-list thead th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable thead td {
    color: var(--muted-text);
}

html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .status-active,
html[data-theme="dark"] .status-paid,
html[data-theme="dark"] .status-completed,
html[data-theme="dark"] .status-answered,
html[data-theme="dark"] .label-success,
html[data-theme="dark"] .badge-success {
    color: #72E5C2 !important;
    background: #123C34 !important;
}

html[data-theme="dark"] .alert-info {
    color: #B8C8FF !important;
    background: #1D3261 !important;
}

html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .status-unpaid,
html[data-theme="dark"] .status-pending,
html[data-theme="dark"] .status-overdue,
html[data-theme="dark"] .label-warning,
html[data-theme="dark"] .badge-warning {
    color: #FFD092 !important;
    background: #4A301C !important;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .badge-danger,
html[data-theme="dark"] .label-danger {
    color: #FFB4B6 !important;
    background: #4A2026 !important;
}

html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .dropdown-item-text {
    color: var(--dark-text) !important;
    background-color: var(--surface-raised) !important;
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus,
html[data-theme="dark"] .list-group-item-action:hover,
html[data-theme="dark"] .list-group-item-action:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-50) !important;
}

html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .nav-tabs .nav-link {
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--muted-text) !important;
    background: transparent;
}

html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .nav-tabs .nav-link:hover,
html[data-theme="dark"] .nav-tabs .nav-link:focus {
    color: var(--primary-color) !important;
    background: var(--surface-raised) !important;
}

html[data-theme="dark"] .popover-body,
html[data-theme="dark"] .tooltip-inner {
    color: var(--dark-text);
    background: var(--surface-raised);
}

html[data-theme="dark"] .popover .arrow::after {
    border-bottom-color: var(--surface-raised);
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .label-default,
html[data-theme="dark"] .badge-dark {
    color: var(--dark-text) !important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-right,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-left {
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .wp-toolkit,
html[data-theme="dark"] .landing-page.bg-white {
    color: var(--dark-text) !important;
    background-color: var(--surface-color) !important;
}

html[data-theme="dark"] .wp-toolkit .service-selector .service,
html[data-theme="dark"] .wp-toolkit .cart-items .item:nth-child(odd) {
    background-color: var(--surface-raised) !important;
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .wp-toolkit h1,
html[data-theme="dark"] .wp-toolkit h2,
html[data-theme="dark"] .wp-toolkit h3,
html[data-theme="dark"] .wp-toolkit h4,
html[data-theme="dark"] .landing-page.bg-white h1,
html[data-theme="dark"] .landing-page.bg-white h2,
html[data-theme="dark"] .landing-page.bg-white h3,
html[data-theme="dark"] .landing-page.bg-white h4 {
    color: var(--dark-text) !important;
}

html[data-theme="dark"] .dynamic-landing-page .background-light,
html[data-theme="dark"] .dynamic-landing-page .background-gradient,
html[data-theme="dark"] .dynamic-landing-page .pricing-card,
html[data-theme="dark"] .dynamic-landing-page .table-wrapper,
html[data-theme="dark"] .dynamic-landing-page .buy-row {
    color: var(--dark-text) !important;
    background: var(--surface-color) !important;
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .dynamic-landing-page .hero-logo-container {
    background: var(--surface-raised) !important;
}

html[data-theme="dark"] .dynamic-landing-page .comparison-table th,
html[data-theme="dark"] .dynamic-landing-page .comparison-table td {
    color: var(--dark-text) !important;
    border-color: var(--border-muted) !important;
}

html[data-theme="dark"] .dynamic-landing-page .feature-row:hover {
    background: var(--primary-50) !important;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}