@layer vendor, reset, identity;

@import url('/templates/forgewright/css/all.min.css') layer(vendor);
@import url('/templates/forgewright/css/theme.min.css') layer(vendor);

@import url('/templates/forgewright/css/invoice.min.css') layer(vendor);
@import url('/templates/forgewright/css/forgewright-dark-bootstrap.css') layer(reset);
@import url('/templates/forgewright/css/forgewright-tokens.css') layer(identity);
@import url('/templates/forgewright/css/forgewright-identity.css') layer(identity);

@font-face {
    font-family: "Phosphor-Light";
    src: url("/templates/forgewright/css/vendor/phosphor/light/Phosphor-Light.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@layer vendor {
    
    html[data-theme="forgewright"] .text-muted {
        color: #9ca3af !important;
    }

    
    html[data-theme="forgewright"] .fa-shield.text-success {
        color: var(--success) !important;
    }
    html[data-theme="forgewright"] .fa-shield.text-grey {
        color: var(--text-muted) !important;
    }

    
    html[data-theme="forgewright"] form a[href*="/password/reset"],
    html[data-theme="forgewright"] form a[href*="pwreset"] {
        color: #3BA8D7 !important;
    }

    
    
    html[data-theme="forgewright"] .fw-section--faq .accordion .card {
        background-color: transparent !important;
        
        border: 0 !important;
    }

    
    html[data-theme="forgewright"] .text-primary {
        color: var(--primary) !important;
    }

    
    html[data-theme="forgewright"] body[class*="page-supportticketsubmit"] .primary-content .card {
        background-color: transparent !important;
        border-color: var(--border-charcoal) !important;
        box-shadow: none !important;
    }

    
    html[data-theme="forgewright"] body.page-contact .primary-content .card {
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    
    html[data-theme="forgewright"] body.page-login .card.mw-540,
    html[data-theme="forgewright"] body.page-logout .card.mw-540,
    html[data-theme="forgewright"] body[class*="page-password-reset"] .card.mw-540 {
        background-color: var(--bg) !important;
    }

    
    html[data-theme="forgewright"] body.page-contact .card-body form > .text-center {
        text-align: left !important;
    }
    html[data-theme="forgewright"] body.page-contact .card-body form .row.justify-content-center {
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html[data-theme="forgewright"] body.page-contact .card-body form .row.justify-content-center > [class*="col-"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    html[data-theme="forgewright"] body.page-contact #default-captcha-domainchecker {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    
    html[data-theme="forgewright"] .md-editor {
        background-color: transparent !important;
        border: 1px solid var(--border-lifted) !important;
        border-radius: var(--radius);
    }
    html[data-theme="forgewright"] .md-editor:focus-within {
        border-color: var(--primary) !important;
    }
    html[data-theme="forgewright"] .md-editor .md-header {
        background-color: transparent !important;
        border-bottom: 1px solid var(--border-lifted) !important;
    }
    html[data-theme="forgewright"] .md-editor .md-footer {
        background-color: transparent !important;
        border-top: 1px solid var(--border-lifted) !important;
    }
    html[data-theme="forgewright"] .md-editor textarea.md-input,
    html[data-theme="forgewright"] .md-editor .md-preview {
        background-color: transparent !important;
        color: var(--text-accented) !important;
        border: 0 !important;
    }
    html[data-theme="forgewright"] .md-editor textarea.md-input:focus {
        background-color: transparent !important;
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] .md-editor.md-fullscreen-mode {
        background-color: var(--bg) !important;
    }

    
    html[data-theme="forgewright"] .custom-file-label {
        background-color: transparent !important;
        color: var(--text-accented) !important;
        border-color: var(--border-lifted) !important;
    }
    html[data-theme="forgewright"] .custom-file-label::after {
        background-color: transparent !important;
        color: var(--primary) !important;
        border-color: var(--border-lifted) !important;
    }

    
    @media (min-width: 1200px) {
        html[data-theme="forgewright"] #order-standard_cart .cart-sidebar {
            position: fixed !important;
        }
    }

    
    html[data-theme="forgewright"] .option {
        background-color: transparent !important;
    }
    
    html[data-theme="forgewright"] #order-standard_cart .option.option-selected > label {
        color: var(--primary) !important;
    }

    
    html[data-theme="forgewright"] .domain-selection-options {
        border: none !important;
    }

    
    html[data-theme="forgewright"] #order-standard_cart .option label,
    html[data-theme="forgewright"] #order-standard_cart .domain-checker-container label,
    html[data-theme="forgewright"] .multiselect-selected-text,
    html[data-theme="forgewright"] .multiselect-container label,
    html[data-theme="forgewright"] .multiselect-container a {
        color: var(--text-accented) !important;
    }
    
    html[data-theme="forgewright"] .multiselect-container {
        background-color: var(--bg-muted) !important;
        border-color: var(--border) !important;
    }
    html[data-theme="forgewright"] .multiselect-container .active,
    html[data-theme="forgewright"] .multiselect-container li:hover {
        background-color: var(--bg-lifted) !important;
    }

    

    
    html[data-theme="forgewright"] #order-standard_cart .domain-pricing .bg-white {
        background-color: var(--bg-card-soft) !important;
    }
    html[data-theme="forgewright"] #order-standard_cart .domain-promo-box .text-warning {
        color: var(--notice) !important;
    }
    
    html[data-theme="forgewright"] #order-standard_cart .domain-promo-box .text-primary {
        color: var(--primary) !important;
    }

    
    html[data-theme="forgewright"] #order-standard_cart .password-strength-meter .progress-bar.bg-danger {
        background-color: var(--error) !important;
    }
    html[data-theme="forgewright"] #order-standard_cart .password-strength-meter .progress-bar.bg-warning {
        background-color: var(--warning) !important;
    }
    
    html[data-theme="forgewright"] #order-standard_cart .password-strength-meter .progress-bar.bg-success {
        background-color: var(--primary) !important;
    }

    
    
    
    html[data-theme="forgewright"] .tiles .tile {
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        row-gap: 0.1rem;
    }
    html[data-theme="forgewright"] .tiles .tile .highlight {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
    }
    
    html[data-theme="forgewright"] .bg-color-flame {
        background-color: var(--flame);
    }
    
    html[data-theme="forgewright"] #popup-backdrop {
        background-color: var(--bg) !important;
    }
    html[data-theme="forgewright"] #popup-backdrop .card,
    html[data-theme="forgewright"] #popup-backdrop .card.bg-default {
        background-color: var(--bg-muted) !important;
        border: 1px solid var(--border-charcoal) !important;
        margin: 1rem;
        color: var(--text);
    }
    html[data-theme="forgewright"] #popup-backdrop .card-header {
        background-color: transparent !important;
        border-bottom: 1px solid var(--border-charcoal) !important;
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] #popup-backdrop .card-footer {
        background-color: transparent !important;
        border-top: 1px solid var(--border-charcoal) !important;
    }
    
    html[data-theme="forgewright"] #popup-backdrop .card-body iframe {
        background-color: #fff;
        border: 1px solid var(--border-charcoal);
    }

    
    html[data-theme="forgewright"] #passwordStrengthMeterBar {
        background-image: none !important;
    }

    
    html[data-theme="forgewright"] #passwordStrengthBar .progress-bar.bg-danger {
        background-color: var(--error) !important;
    }
    html[data-theme="forgewright"] #passwordStrengthBar .progress-bar.bg-warning {
        background-color: var(--warning) !important;
    }
    html[data-theme="forgewright"] #passwordStrengthBar .progress-bar.bg-success {
        background-color: var(--primary) !important;
    }

    
    html[data-theme="forgewright"] .btn-return-to-admin {
        background-color: var(--bg) !important;
        border: 1px solid var(--primary) !important;
        color: var(--primary) !important;
        border-radius: 0 0 var(--radius) var(--radius) !important;
    }
    html[data-theme="forgewright"] .btn-return-to-admin:hover {
        background-color: var(--bg) !important;
        border-color: var(--primary-electric) !important;
        color: var(--primary-electric) !important;
    }
    
    
    html[data-theme="forgewright"] .tiles .tile i {
        font-size: 51px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0;
        pointer-events: none;
        
    }
    
    html[data-theme="forgewright"] .tiles .tile .title,
    html[data-theme="forgewright"] .tiles .tile .stat {
        position: relative;
        z-index: 1;
    }
    html[data-theme="forgewright"] .tiles .tile .stat {
        order: 1;
        margin-top: 0;
    }
    
    
    html[data-theme="forgewright"] .tiles .tile .highlight {
        background: linear-gradient(
            to right,
            var(--border-charcoal) 0%,
            var(--flame) 12px,
            var(--flame) calc(100% - 12px),
            var(--border-charcoal) 100%
        ) !important;
    }
    
    html[data-theme="forgewright"] .tiles .tile .highlight {
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 360ms ease;
    }
    html[data-theme="forgewright"] .tiles .tile:hover .highlight {
        transform: scaleX(1);
    }
    @media (prefers-reduced-motion: reduce) {
        html[data-theme="forgewright"] .tiles .tile .highlight {
            transition: none;
        }
    }
    
    html[data-theme="forgewright"] .page-affiliates .affiliate-stat {
        position: relative;
        overflow: hidden;
        padding: 16px 18px;
        min-height: 92px;
        text-align: left;
        font-size: 0.87rem;
        background-color: transparent !important;
        border: 1px solid var(--border-charcoal) !important;
        border-radius: var(--radius);
        color: var(--text-muted) !important; 
    }
    html[data-theme="forgewright"] .page-affiliates .affiliate-stat i {
        float: none;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        font-size: 51px;
        color: var(--text-muted) !important;
        opacity: 0.3;
        z-index: 0;
        pointer-events: none;
    }
    html[data-theme="forgewright"] .page-affiliates .affiliate-stat span {
        position: relative;
        z-index: 1;
        display: block;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1.2;
        color: var(--text);
    }
    
    html[data-theme="forgewright"] .page-affiliates .table-bordered {
        border: 1px solid var(--border-charcoal) !important;
    }
    html[data-theme="forgewright"] .page-affiliates .table-bordered td {
        border-color: var(--border-charcoal) !important;
        background-color: transparent !important;
    }
    html[data-theme="forgewright"] .page-affiliates .table-striped tr:nth-of-type(odd) td {
        background-color: transparent !important;
    }
    
    html[data-theme="forgewright"] [menuitemname="My Invoices Summary"] .col-button-right {
        display: none !important;
    }
    
    html[data-theme="forgewright"] .page-clientareaaddfunds .table-striped tr:nth-of-type(odd),
    html[data-theme="forgewright"] .page-clientareaaddfunds .table-striped tr:nth-of-type(odd) td,
    html[data-theme="forgewright"] .page-clientareaaddfunds .table-striped tr:nth-of-type(odd) th {
        background-color: transparent !important;
    }
    
    html[data-theme="forgewright"] .card,
    html[data-theme="forgewright"] .tiles .tile {
        background-color: transparent !important;
        
        border: 1px solid var(--border-charcoal) !important;
        border-radius: var(--radius);
        
    }
    
    html[data-theme="forgewright"] .fw-section--services .fw-service-card {
        background-color: transparent !important;
        border: 0 !important;
    }
    
    html[data-theme="forgewright"] .fw-section--features .card,
    html[data-theme="forgewright"] .fw-section--tech .card {
        border: var(--border-width) solid var(--border-charcoal) !important;
        
        transition: border-color 720ms ease-in-out;
        position: relative;
    }
    
    html[data-theme="forgewright"] .fw-section--tech .card {
        border-color: color-mix(in srgb, var(--primary-electric) 60%, transparent) !important;
        transition: border-color 720ms ease-in-out, box-shadow 720ms ease-in-out;
    }
    html[data-theme="forgewright"] .fw-section--tech .card:hover {
        border-color: color-mix(in srgb, var(--primary-electric) 90%, transparent) !important;
        box-shadow: 0 0 18px -3px color-mix(in srgb, var(--primary-electric) 55%, transparent);
    }
    
    html[data-theme="forgewright"] .fw-section--tech.fw-page--legal .card {
        border-color: var(--border-charcoal) !important;
        box-shadow: none !important;
    }
    html[data-theme="forgewright"] .fw-section--tech.fw-page--legal .card:hover,
    html[data-theme="forgewright"] .fw-section--tech.fw-page--legal .card:focus {
        border-color: var(--text) !important;
        box-shadow: none !important;
    }
    html[data-theme="forgewright"] .card-header,
    html[data-theme="forgewright"] .card-footer {
        background-color: transparent !important;
        border: 0 !important;
    }
    html[data-theme="forgewright"] .card .card-body,
    html[data-theme="forgewright"] .card .list-group,
    html[data-theme="forgewright"] .card .list-group-item,
    html[data-theme="forgewright"] .card .table,
    html[data-theme="forgewright"] .card .table-responsive {
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    html[data-theme="forgewright"] .fw-section--services .fw-service-card .card-body {
        border-radius: var(--radius) var(--radius) 0 0 !important;
    }
    
    html[data-theme="forgewright"] .card .list-group {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    html[data-theme="forgewright"] .card .table,
    html[data-theme="forgewright"] .card .table th,
    html[data-theme="forgewright"] .card .table td {
        border: 0 !important;
    }
    html[data-theme="forgewright"] .card .table tbody td {
        border-top: 1px solid transparent !important; 
    }
    
    
    html[data-theme="forgewright"] table.table-list thead,
    html[data-theme="forgewright"] table.table-list thead tr,
    html[data-theme="forgewright"] table.table-list thead td,
    html[data-theme="forgewright"] table.table-list thead th {
        background-color: transparent !important;
        border: 0 !important;
        font-size: var(--fs-sm);
        color: var(--text-accented) !important;
    }
    html[data-theme="forgewright"] table.table-list thead td,
    html[data-theme="forgewright"] table.table-list thead th {
        border-bottom: 1px solid var(--border) !important;
        padding: 0.75rem !important;
    }
    
    html[data-theme="forgewright"] table.table-list tbody td {
        background-color: transparent !important;
        border: 0 !important;
        border-top: 1px solid transparent !important;
        padding: 0.9rem 0.75rem !important;
    }
    html[data-theme="forgewright"] table.table-list tbody tr:first-child td {
        border-top: 0 !important;
    }
    html[data-theme="forgewright"] table.table-list tbody tr:hover td {
        background-color: var(--bg-lifted) !important;
    }
    
    html[data-theme="forgewright"] .dataTables_filter .form-control {
        background-color: transparent !important;
        border: 1px solid var(--border-charcoal) !important;
        border-radius: var(--radius);
        color: var(--text) !important;
        padding: 0.55rem 1rem;
    }
    html[data-theme="forgewright"] .dataTables_filter .form-control:focus {
        box-shadow: none !important;
        outline: none !important;
    }
    
    html[data-theme="forgewright"] .dataTables_filter::after {
        
        top: 35%;
        transform: translateY(-50%);
        left: 22px;
    }
    html[data-theme="forgewright"] .dataTables_filter .form-control {
        padding-left: 2.4rem !important;
    }
    
    html[data-theme="forgewright"] .dataTables_filter label {
        margin-bottom: 1rem;
    }
    
    html[data-theme="forgewright"] table thead th.sorting,
    html[data-theme="forgewright"] table thead th.sorting_asc,
    html[data-theme="forgewright"] table thead th.sorting_desc {
        padding-right: 26px !important;
    }
    
    html[data-theme="forgewright"] table thead th.sorting::before,
    html[data-theme="forgewright"] table thead th.sorting_asc::after,
    html[data-theme="forgewright"] table thead th.sorting_desc::before {
        display: none !important;
    }
    html[data-theme="forgewright"] table thead th.sorting::after,
    html[data-theme="forgewright"] table thead th.sorting_asc::before,
    html[data-theme="forgewright"] table thead th.sorting_desc::after {
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%);
        opacity: 0.25;
    }
    html[data-theme="forgewright"] table thead th.sorting_asc::before,
    html[data-theme="forgewright"] table thead th.sorting_desc::after {
        opacity: 0.8;
    }
    
    html[data-theme="forgewright"] .dataTables_length .custom-select {
        appearance: none;
        -webkit-appearance: none;
        background-color: var(--bg) !important;
        
        border: 0 !important;
        border-radius: var(--radius) !important;
        color: var(--text) !important;
        padding: 0.45rem 1.9rem 0.45rem 0.9rem !important;
        height: auto !important;
        font-size: var(--fs-sm);
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23bec6d0' stroke-width='1.5' stroke-linecap='round'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position: right 0.7rem center !important;
        cursor: pointer;
    }
    html[data-theme="forgewright"] .dataTables_length .custom-select:focus {
        box-shadow: none !important;
        outline: none !important;
        border: 0 !important;
    }
    
    html[data-theme="forgewright"] .pagination .page-link {
        background-color: transparent !important;
        border: 0 !important;
        color: var(--text-accented) !important;
        border-radius: var(--radius) !important;
    }
    html[data-theme="forgewright"] .pagination .page-link:hover {
        color: var(--primary) !important;
    }
    html[data-theme="forgewright"] .pagination .page-item.active .page-link {
        color: var(--text) !important; 
        font-weight: 600;
    }
    html[data-theme="forgewright"] .pagination .page-item.disabled .page-link {
        opacity: 0.4;
    }
    
    html[data-theme="forgewright"] img[src*="/assets/img/ssl/"] {
        visibility: hidden;
    }
    html[data-theme="forgewright"] .fw-ssl {
        font-family: "Phosphor-Light";
        font-size: 20px;
        line-height: 1;
    }
    html[data-theme="forgewright"] .fw-ssl--active::before {
        content: "\e308"; 
        color: var(--success);
    }
    html[data-theme="forgewright"] .fw-ssl--inactive::before {
        content: "\e30a"; 
        color: var(--warning);
    }
    html[data-theme="forgewright"] .fw-ssl--unknown::before {
        content: "\e30a"; 
        color: var(--text-accented);
        opacity: 0.6;
    }
    
    html[data-theme="forgewright"] .label.status-active    { color: var(--primary); }
    html[data-theme="forgewright"] .label.status-pending   { color: var(--warning); }
    html[data-theme="forgewright"] .label.status-suspended { color: var(--flame); }
    html[data-theme="forgewright"] .label.status-terminated,
    html[data-theme="forgewright"] .label.status-expired   { color: var(--text-accented); }
    html[data-theme="forgewright"] .label.status-fraud     { color: var(--error); }
    
    html[data-theme="forgewright"] table.table-list thead td,
    html[data-theme="forgewright"] table.table-list thead th,
    html[data-theme="forgewright"] table.table-list tbody td {
        text-align: left !important;
    }
    
    html[data-theme="forgewright"] .btn-group:has(> .setBulkAction) {
        gap: 1.5rem;
        margin-right: 1.5rem;
    }
    html[data-theme="forgewright"] .btn.setBulkAction {
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        color: var(--primary) !important;
        font-size: var(--fs-sm);
        white-space: nowrap;
    }
    html[data-theme="forgewright"] .btn.setBulkAction:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    html[data-theme="forgewright"] .btn-group:has(> .dropdown-toggle):has(.setBulkAction) > .dropdown-toggle {
        display: none !important;
    }
    
    html[data-theme="forgewright"] .btn-group:has(.setBulkAction) {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 1.5rem;
        row-gap: 0.5rem;
    }
    html[data-theme="forgewright"] .btn-group:has(.setBulkAction) > .btn {
        flex: 0 0 auto; 
    }
    html[data-theme="forgewright"] .btn-group:has(.setBulkAction) .btn-group:has(> .dropdown-toggle),
    html[data-theme="forgewright"] .btn-group:has(.setBulkAction) .dropdown-menu,
    html[data-theme="forgewright"] .btn-group:has(.setBulkAction) .dropdown-menu li {
        display: contents !important;
    }
    
    html[data-theme="forgewright"] .btn-group:has(> .dropdown-toggle):has(.setBulkAction) > .dropdown-menu li {
        list-style: none;
    }
    html[data-theme="forgewright"] .btn-group:has(> .dropdown-toggle):has(.setBulkAction) > .dropdown-menu a {
        display: inline-block;
        width: auto !important; 
        padding: 0 !important;
        background: transparent !important;
        color: var(--primary) !important;
        font-size: var(--fs-sm);
        white-space: nowrap;
    }
    html[data-theme="forgewright"] .btn-group:has(> .dropdown-toggle):has(.setBulkAction) > .dropdown-menu a:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    
    html[data-theme="forgewright"] .label.status-answered       { color: var(--flame); }
    html[data-theme="forgewright"] .label.status-open           { color: var(--primary); }
    html[data-theme="forgewright"] .label.status-customer-reply { color: var(--primary); }
    html[data-theme="forgewright"] .label.status-closed         { color: var(--text-accented); }
    
    html[data-theme="forgewright"] table.table-list .border-left {
        border-left-color: var(--border) !important;
    }
    
    html[data-theme="forgewright"] .fa-user,
    html[data-theme="forgewright"] .fa-folder,
    html[data-theme="forgewright"] .fa-bookmark,
    html[data-theme="forgewright"] .fa-newspaper,
    html[data-theme="forgewright"] .fa-plus,
    html[data-theme="forgewright"] .fa-arrow-right,
    html[data-theme="forgewright"] .fa-arrow-left,
    html[data-theme="forgewright"] .fa-pencil-alt,
    html[data-theme="forgewright"] .fa-shopping-cart,
    html[data-theme="forgewright"] .fa-chevron-up,
    html[data-theme="forgewright"] .fa-flag,
    html[data-theme="forgewright"] .fa-home,
    html[data-theme="forgewright"] .fa-info-circle,
    html[data-theme="forgewright"] .fa-cube,
    html[data-theme="forgewright"] .fa-globe,
    html[data-theme="forgewright"] .fa-comments,
    html[data-theme="forgewright"] .fa-credit-card,
    html[data-theme="forgewright"] .fa-calculator,
    html[data-theme="forgewright"] .fa-university,
    html[data-theme="forgewright"] .fa-filter,
    html[data-theme="forgewright"] .fa-check,
    html[data-theme="forgewright"] .fa-money-check-alt,
    html[data-theme="forgewright"] .fa-circle {
        font-family: "Phosphor-Light" !important;
        font-weight: normal !important;
    }
    html[data-theme="forgewright"] .fa-user::before          { content: "\e4c2" !important; } 
    html[data-theme="forgewright"] .fa-folder::before        { content: "\e24a" !important; } 
    html[data-theme="forgewright"] .fa-bookmark::before      { content: "\e0ea" !important; } 
    html[data-theme="forgewright"] .fa-newspaper::before     { content: "\e344" !important; } 
    html[data-theme="forgewright"] .fa-plus::before          { content: "\e3d4" !important; } 
    html[data-theme="forgewright"] .fa-arrow-right::before   { content: "\e06c" !important; } 
    html[data-theme="forgewright"] .fa-arrow-left::before    { content: "\e058" !important; } 
    html[data-theme="forgewright"] .fa-pencil-alt::before    { content: "\e3b4" !important; } 
    html[data-theme="forgewright"] .fa-shopping-cart::before { content: "\e41e" !important; } 
    html[data-theme="forgewright"] .fa-chevron-up::before    { content: "\e13c" !important; } 
    html[data-theme="forgewright"] .fa-flag::before          { content: "\e244" !important; } 
    html[data-theme="forgewright"] .fa-home::before          { content: "\e2c4" !important; } 
    html[data-theme="forgewright"] .fa-info-circle::before   { content: "\e2ce" !important; } 
    html[data-theme="forgewright"] .fa-cube::before          { content: "\e1da" !important; } 
    html[data-theme="forgewright"] .fa-globe::before         { content: "\e288" !important; } 
    html[data-theme="forgewright"] .fa-comments::before      { content: "\e17c" !important; } 
    html[data-theme="forgewright"] .fa-credit-card::before   { content: "\ee42" !important; } 
    html[data-theme="forgewright"] .fa-calculator::before    { content: "\ee42" !important; } 
    html[data-theme="forgewright"] .fa-university::before     { content: "\e0b4" !important; } 
    html[data-theme="forgewright"] .fa-filter::before         { content: "\e266" !important; } 
    html[data-theme="forgewright"] .fa-money-check-alt::before { content: "\e1d2" !important; } 
    html[data-theme="forgewright"] .fa-circle::before         { content: "\e18a" !important; } 
    html[data-theme="forgewright"] .fa-check::before          { content: "\e182" !important; } 
    
    html[data-theme="forgewright"] .card .list-group-item {
        background-color: transparent;
        border: 0 !important; 
        border-top: 1px solid transparent !important;
    }
    html[data-theme="forgewright"] .card .list-group-item:first-child {
        border-top: 0 !important;
    }
    html[data-theme="forgewright"] .card .list-group-item:hover {
        background-color: var(--bg-lifted);
    }
    
    html[data-theme="forgewright"] .card-accent-blue .list-group-item {
        position: relative;
        
        padding: 0.9rem 7rem 0.9rem 1rem !important;
    }
    
    html[data-theme="forgewright"] .card .list-group-item {
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
    }
    
    html[data-theme="forgewright"] .fw-services-drawer .card .list-group-item {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        border-top: 0 !important; 
    }
    
    html[data-theme="forgewright"] .sidebar .card .list-group-item {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    html[data-theme="forgewright"] .card-accent-blue .list-group-item .label {
        position: absolute;
        top: 0.7rem;
        right: 1rem;
        padding: 2px 8px;
        font-size: 10.5px;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        
    }
    
    html[data-theme="forgewright"] .card .list-group {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    
    html[data-theme="forgewright"] .client-home-cards .row > [class*="col-"]:has(.card-accent-blue),
    html[data-theme="forgewright"] .client-home-cards .row > [class*="col-"]:has(.card-accent-emerald) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    html[data-theme="forgewright"] .card-accent-blue .list-group-item small {
        display: block;
        margin: 0.25rem 0 0 0; 
        color: var(--text-accented);
        font-size: var(--fs-xs);
        font-style: italic;
        opacity: 0.7;
    }
    
    html[data-theme="forgewright"] a.list-group-item {
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] a.list-group-item:hover {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-blue .list-group-item .label {
        top: 50%;
        transform: translateY(-50%);
    }
    
    html[data-theme="forgewright"] .card .card-footer:not(:has(*)) {
        display: none !important;
    }
    
    html[data-theme="forgewright"] .card .card-footer:has(> .btn-view-more.disabled) {
        display: none !important;
    }
    
    html[data-theme="forgewright"] .card .card-footer:has(> .btn-view-more) {
        padding: 0 !important;
        margin-top: 0;
    }
    html[data-theme="forgewright"] .card .card-footer > .btn-view-more {
        float: none !important;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.9rem 1rem;
        border-top: 1px solid var(--border);
        border-radius: 0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);
        background-color: var(--bg-lifted);
        color: var(--primary) !important;
        font-size: var(--fs-sm);
    }
    html[data-theme="forgewright"] .card .card-footer > .btn-view-more:hover {
        background-color: var(--border); 
        text-decoration: none;
    }
    
    html[data-theme="forgewright"] .client-home-cards .card,
    html[data-theme="forgewright"] .sidebar .card {
        margin-bottom: 1.5rem !important;
    }
    html[data-theme="forgewright"] .row > [class*="col-"]:has(> .sidebar) {
        padding-right: 12px;
    }
    html[data-theme="forgewright"] .row > .primary-content {
        padding-left: 12px;
    }
    
    html[data-theme="forgewright"] .card-accent-blue a.list-group-item:hover {
        color: var(--row-accent, var(--warning)) !important;
    }
    
    html[data-theme="forgewright"] a.list-group-item.fw-row-muted,
    html[data-theme="forgewright"] .list-group-item.fw-row-muted .label {
        color: color-mix(in srgb, var(--text-accented) 70%, transparent) !important;
    }
    html[data-theme="forgewright"] .list-group-item.fw-row-muted small {
        color: inherit;
        opacity: 1;
    }
    
    html[data-theme="forgewright"] .card-accent-blue .list-group-item,
    html[data-theme="forgewright"] .card-accent-blue .list-group-item strong {
        font-weight: 400 !important;
    }
    
    html[data-theme="forgewright"] .card > .card-header {
        border-bottom: 1px solid var(--border-charcoal) !important;
    }
    html[data-theme="forgewright"] .card-accent-blue > .card-header {
        
        border-bottom-color: var(--border-charcoal) !important;
    }
    html[data-theme="forgewright"] .card-accent-gold > .card-header {
        
        border-bottom-color: var(--border-charcoal) !important;
    }
    
    html[data-theme="forgewright"] .fw-services-drawer .card-header {
        background-color: rgba(32, 128, 192, 0.15) !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
    }
    
    
    html[data-theme="forgewright"] .fw-section--faq .accordion .card-header {
        
        border-top: 1px solid color-mix(in srgb, var(--border-charcoal) 85%, transparent) !important;
        border-bottom: 1px solid color-mix(in srgb, var(--border-charcoal) 85%, transparent) !important;
    }
    
    html[data-theme="forgewright"] .fw-faq-funnel .accordion .card-header {
        border-top: 0 !important;
        border-bottom: 0 !important;
    }
    
    html[data-theme="forgewright"] .fw-section--faq .accordion .card-header:has(.btn-link[aria-expanded="true"]),
    html[data-theme="forgewright"] .fw-section--faq .accordion .card-header:hover {
        background-color: var(--border-charcoal) !important;
    }
    
    html[data-theme="forgewright"] .fw-faq-funnel .accordion .card-header:has(.btn-link[aria-expanded="true"]),
    html[data-theme="forgewright"] .fw-faq-funnel .accordion .card-header:hover {
        background-color: color-mix(in srgb, var(--info) 14%, transparent) !important;
    }
    
    html[data-theme="forgewright"] .fw-services-drawer .list-group-item.active {
        color: var(--primary) !important;
        background-color: var(--bg-accented) !important;
    }
    
    html[data-theme="forgewright"] .fw-services-drawer .card {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
    
    html[data-theme="forgewright"] .card-accent-gold .list-group-item {
        padding-left: 1rem !important;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-item {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-name {
        order: 1;
        flex: 1 1 auto;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons {
        order: 2;
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 1.25rem;
    }
    
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .btn-group-primary {
        display: block !important;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .btn-group-primary .dropdown-toggle,
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .btn-group-secondary {
        display: none !important;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .btn-group-primary .dropdown-menu {
        display: flex !important;
        position: static !important;
        float: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        gap: 1.25rem;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .dropdown-item {
        width: auto;
        padding: 0 !important;
        background: transparent !important;
        color: var(--text-accented) !important;
        font-size: var(--fs-xs);
        white-space: nowrap;
        cursor: pointer;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .dropdown-item:hover {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons > .btn {
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        color: var(--text-accented) !important;
        font-size: var(--fs-xs);
        white-space: nowrap;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-buttons > .btn:hover {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-gold .div-service-name .font-weight-bold {
        transition: color 0.15s ease-in-out;
    }
    html[data-theme="forgewright"] .card-accent-gold .list-group-item:has(.label-warning):hover .div-service-name .font-weight-bold {
        color: var(--flame) !important;
    }
    
    @media (max-width: 767.98px) {
        html[data-theme="forgewright"] .card-accent-gold .div-service-buttons .btn-group-primary {
            display: none !important;
        }
    }
    
    html[data-theme="forgewright"] .card-accent-gold .list-group-item {
        padding-right: 0 !important;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-status {
        order: 3;
        width: auto !important; 
        min-width: 7.5rem; 
        align-self: stretch;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: -0.9rem 0; 
        padding: 0 1.1rem;
        background-color: var(--bg-lifted);
    }
    
    html[data-theme="forgewright"] .card-accent-gold .div-service-status .label {
        text-transform: uppercase;
        font-size: var(--fs-xxs);
        font-weight: 600;
        letter-spacing: 0.04em;
    }
    
    html[data-theme="forgewright"] .card-accent-gold .div-service-status:has(.label-success) {
        background-color: transparent;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-status .label-success {
        color: var(--primary);
    }
    
    html[data-theme="forgewright"] .card-accent-gold .div-service-status:has(.label-warning) {
        background-color: transparent;
        position: relative;
    }
    @keyframes fwSuspendGlow {
        0%, 100% { opacity: 0.15; }
        50%      { opacity: 0.5; }
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-status:has(.label-warning)::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(ellipse at center,
                    color-mix(in srgb, var(--flame) 45%, transparent) 0%,
                    transparent 70%);
        animation: fwSuspendGlow 2160ms ease-in-out infinite;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-status .label-warning {
        color: var(--flame);
        position: relative;
        z-index: 1;
        background: transparent;
    }
    @media (prefers-reduced-motion: reduce) {
        html[data-theme="forgewright"] .card-accent-gold .div-service-status:has(.label-warning)::before {
            animation: none;
            opacity: 0.55;
        }
    }
    
    @keyframes fwNotifyGlow {
        0%, 100% { text-shadow: 0 0 3px color-mix(in srgb, var(--flame) 35%, transparent); }
        50%      { text-shadow: 0 0 9px color-mix(in srgb, var(--flame) 70%, transparent); }
    }
    html[data-theme="forgewright"] #accountNotifications.fw-notify-active,
    html[data-theme="forgewright"] #accountNotifications.fw-notify-active i {
        color: var(--flame) !important;
    }
    html[data-theme="forgewright"] #accountNotifications.fw-notify-active i {
        animation: fwNotifyGlow 2160ms ease-in-out infinite;
    }
    
    html[data-theme="forgewright"] #accountNotifications i {
        font-size: 1.15rem;
        vertical-align: -0.1em;
    }
    @media (prefers-reduced-motion: reduce) {
        html[data-theme="forgewright"] #accountNotifications.fw-notify-active i {
            animation: none;
            text-shadow: 0 0 5px color-mix(in srgb, var(--flame) 50%, transparent);
        }
    }
    
    html[data-theme="forgewright"] .popover-user-notifications {
        background-color: color-mix(in srgb, var(--flame) 14%, var(--bg-lifted)) !important;
        border-color: color-mix(in srgb, var(--flame) 35%, var(--border-charcoal)) !important;
    }
    html[data-theme="forgewright"] .popover-user-notifications.bs-popover-bottom .arrow::after,
    html[data-theme="forgewright"] .popover-user-notifications[x-placement^="bottom"] .arrow::after {
        border-bottom-color: var(--flame) !important;
    }
    html[data-theme="forgewright"] .popover-user-notifications.bs-popover-bottom .arrow::before,
    html[data-theme="forgewright"] .popover-user-notifications[x-placement^="bottom"] .arrow::before {
        border-bottom-color: color-mix(in srgb, var(--flame) 35%, var(--border-charcoal)) !important;
    }
    
    html[data-theme="forgewright"] .popover-user-notifications a,
    html[data-theme="forgewright"] .popover-user-notifications a i {
        color: var(--flame) !important;
    }
    html[data-theme="forgewright"] .popover-user-notifications a:hover,
    html[data-theme="forgewright"] .popover-user-notifications a:focus,
    html[data-theme="forgewright"] .popover-user-notifications a:hover i,
    html[data-theme="forgewright"] .popover-user-notifications a:focus i {
        color: var(--flame) !important;
        background-color: transparent !important;
    }
    
    html[data-theme="forgewright"] .card-accent-gold .btn-custom-action:not([data-active="1"]) {
        display: none !important;
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-status:has(.label-danger) {
        background-color: color-mix(in srgb, var(--error) 15%, transparent);
    }
    
    html[data-theme="forgewright"] .card-accent-gold .label-placeholder {
        display: none !important;
    }
    
    html[data-theme="forgewright"] .card-accent-blue .list-group-item:has(.fw-row-main) {
        display: flex;
        align-items: stretch;
        padding-right: 0 !important;
    }
    html[data-theme="forgewright"] .card-accent-blue .fw-row-main {
        flex: 1 1 auto;
        min-width: 0;
    }
    html[data-theme="forgewright"] .card-accent-blue .list-group-item .fw-row-main + .label {
        position: static; 
        transform: none; 
        min-width: 7.5rem;
        height: auto !important; 
        line-height: 1.4 !important;
        
        text-transform: uppercase;
        font-size: var(--fs-xxs) !important;
        font-weight: 600;
        letter-spacing: 0.04em;
        align-self: stretch;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: -0.9rem 0;
        padding: 0 1.1rem;
        background-color: transparent !important;
    }
    
    html[data-theme="forgewright"] .card-accent-blue .fw-row-attention .fw-row-main + .label {
        position: relative;
        
        inset: auto;
        isolation: isolate;
    }
    html[data-theme="forgewright"] .card-accent-blue .fw-row-attention .fw-row-main + .label::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        background: radial-gradient(ellipse at center,
                    color-mix(in srgb, var(--flame) 45%, transparent) 0%,
                    transparent 70%);
        animation: fwSuspendGlow 2160ms ease-in-out infinite;
    }
    @media (prefers-reduced-motion: reduce) {
        html[data-theme="forgewright"] .card-accent-blue .fw-row-attention .fw-row-main + .label::before {
            animation: none;
            opacity: 0.55;
        }
    }
    html[data-theme="forgewright"] .card-accent-gold .div-service-name .text-domain {
        display: block;
        font-style: italic;
        font-size: var(--fs-xs);
        color: var(--text-accented);
        opacity: 0.7;
    }
    
    html[data-theme="forgewright"] .card-accent-blue > .card-header .card-title {
        color: var(--flame) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-blue > .card-header .card-title > i {
        font-size: 32px !important;
        color: var(--text) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-blue > .card-header .card-title .float-right .btn {
        color: var(--text-accented) !important;
    }
    html[data-theme="forgewright"] .card-accent-blue > .card-header .card-title .float-right .btn:hover {
        color: var(--primary) !important;
        text-decoration: none;
    }
    
    html[data-theme="forgewright"] .card-accent-red > .card-header .card-title {
        color: var(--flame) !important;
    }
    html[data-theme="forgewright"] .card-accent-red > .card-header .card-title > i {
        font-size: 32px !important;
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] .card-accent-red > .card-header .card-title .float-right .btn {
        color: var(--text-accented) !important;
    }
    html[data-theme="forgewright"] .card-accent-red > .card-header .card-title .float-right .btn:hover {
        color: var(--flame) !important;
        text-decoration: none;
    }
    html[data-theme="forgewright"] .card-accent-gold > .card-header .card-title {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-gold > .card-header .card-title > i {
        font-size: 32px !important;
        color: var(--text) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-emerald > .card-header .card-title {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-emerald > .card-header .card-title > i {
        font-size: 32px !important;
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] .card-accent-emerald > .card-header {
        
        border-bottom-color: var(--border-charcoal) !important;
    }
    
    html[data-theme="forgewright"] .card-accent-emerald .card-body {
        padding: 0 !important; 
    }
    html[data-theme="forgewright"] .card-accent-emerald .input-group {
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: nowrap;
    }
    html[data-theme="forgewright"] .card-accent-emerald .input-group .form-control {
        border: 0 !important;
        border-radius: 0 0 0 calc(var(--radius) - 1px) !important;
        background-color: transparent !important;
        height: auto;
        padding: 1rem;
        font-size: var(--fs-sm);
    }
    
    html[data-theme="forgewright"] .card-accent-emerald .input-group .form-control:focus {
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }
    html[data-theme="forgewright"] .card-accent-emerald .input-group-append .btn {
        border: 0 !important;
        border-radius: 0 !important;
        font-size: var(--fs-sm);
        padding: 1rem 1.4rem;
    }
    
    html[data-theme="forgewright"] .card-accent-emerald .input-group-append .btn-success {
        background-color: var(--primary) !important;
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] .card-accent-emerald .input-group-append .btn-success:hover {
        background-color: color-mix(in srgb, var(--primary) 85%, #000) !important;
    }
    html[data-theme="forgewright"] .card-accent-emerald .input-group-append .btn-default {
        background-color: color-mix(in srgb, var(--primary) 12%, transparent) !important;
        color: var(--primary) !important;
        border-radius: 0 0 calc(var(--radius) - 1px) 0 !important;
    }
    html[data-theme="forgewright"] .card-accent-emerald .input-group-append .btn-default:hover {
        background-color: color-mix(in srgb, var(--primary) 22%, transparent) !important;
    }
    
    html[data-theme="forgewright"] .label {
        background-color: transparent !important;
        border: 0 !important; 
        color: var(--text-accented);
    }
    
    html[data-theme="forgewright"] .card-header .card-title {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    html[data-theme="forgewright"] .card-header .card-title .float-right {
        float: none;
        order: 2; 
        margin-left: auto;
    }
    
    html[data-theme="forgewright"] .card-header .card-title .float-right .btn {
        background-color: transparent !important;
        border: 0 !important;
        color: inherit !important;
        padding-right: 0;
    }
    html[data-theme="forgewright"] .card-header .card-title .float-right .btn:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    
    html[data-theme="forgewright"] .card-accent-gold > .card-header .card-title .float-right .btn {
        color: var(--text-accented) !important;
    }
    html[data-theme="forgewright"] .card-accent-gold > .card-header .card-title .float-right .btn:hover {
        color: var(--primary) !important;
        text-decoration: none;
    }
    html[data-theme="forgewright"] .label.label-success { color: var(--success); }
    html[data-theme="forgewright"] .label.label-warning { color: var(--warning); }
    html[data-theme="forgewright"] .label.label-danger  { color: var(--error); }
    html[data-theme="forgewright"] .label.label-info    { color: var(--info); }
    
    html[data-theme="forgewright"] .label.status-paid      { color: var(--primary); }
    html[data-theme="forgewright"] .label.status-unpaid    { color: var(--flame); }
    html[data-theme="forgewright"] .label.status-overdue   { color: var(--error); }
    html[data-theme="forgewright"] .label.status-refunded  { color: var(--info); }
    html[data-theme="forgewright"] .label.status-cancelled { color: var(--text-accented); }
    
    html[data-theme="forgewright"] .label.status-delivered { color: var(--flame); }
    html[data-theme="forgewright"] .label.status-accepted  { color: var(--primary); }
    html[data-theme="forgewright"] .label.status-on-hold   { color: var(--info); }
    html[data-theme="forgewright"] .label.status-lost,
    html[data-theme="forgewright"] .label.status-dead      { color: var(--text-accented); }
    html[data-theme="forgewright"] .label [class^="text"] { color: inherit !important; }
    
    html[data-theme="forgewright"] table tbody td:has(> .label.status) {
        text-align: center !important; 
        vertical-align: middle;
    }
    
    html[data-theme="forgewright"] table thead th.fw-th-center {
        text-align: center !important;
        width: 7.5rem !important;
        min-width: 7.5rem !important;
    }
    html[data-theme="forgewright"] table tbody td:has(> .label.status) {
        width: 7.5rem !important;
        min-width: 7.5rem !important;
        box-sizing: border-box;
    }
    
    html[data-theme="forgewright"] body.page-supportticketslist table thead th:nth-child(2),
    html[data-theme="forgewright"] body.page-clientareaproducts table thead th:nth-child(2),
    html[data-theme="forgewright"] body.page-clientareadomains table thead th:nth-child(3),
    html[data-theme="forgewright"] body.page-clientareainvoices table thead th:nth-child(2),
    html[data-theme="forgewright"] body.page-clientareaquotes table thead th:nth-child(2) {
        width: 99% !important;
    }
    html[data-theme="forgewright"] body.page-clientareainvoices table tbody td {
        white-space: nowrap; 
    }
    
    html[data-theme="forgewright"] body.page-supportticketslist table tbody td,
    html[data-theme="forgewright"] body.page-clientareaproducts table tbody td,
    html[data-theme="forgewright"] body.page-clientareadomains table tbody td,
    html[data-theme="forgewright"] body.page-clientareaquotes table tbody td,
    html[data-theme="forgewright"] body.page-supportticketslist table thead th,
    html[data-theme="forgewright"] body.page-clientareaproducts table thead th,
    html[data-theme="forgewright"] body.page-clientareadomains table thead th,
    html[data-theme="forgewright"] body.page-clientareainvoices table thead th,
    html[data-theme="forgewright"] body.page-clientareaquotes table thead th {
        white-space: nowrap; 
    }
    html[data-theme="forgewright"] body.page-supportticketslist table tbody td:nth-child(2),
    html[data-theme="forgewright"] body.page-clientareaproducts table tbody td:nth-child(2),
    html[data-theme="forgewright"] body.page-clientareadomains table tbody td:nth-child(3),
    html[data-theme="forgewright"] body.page-clientareaquotes table tbody td:nth-child(2) {
        white-space: normal;
    }
    
    html[data-theme="forgewright"] body.page-supportticketslist .ticket-number,
    html[data-theme="forgewright"] body.page-supportticketslist .ticket-subject {
        color: var(--text);
    }
    
    
    
    html[data-theme="forgewright"] body.page-supportticketslist tbody td a:hover {
        text-decoration: none;
    }
    
    html[data-theme="forgewright"] body.page-supportticketslist .ticket-subject {
        font-weight: 400 !important;
    }
    html[data-theme="forgewright"] table tr.fw-row-muted td,
    html[data-theme="forgewright"] table tr.fw-row-muted .ticket-number,
    html[data-theme="forgewright"] table tr.fw-row-muted .ticket-subject {
        color: color-mix(in srgb, var(--text-accented) 70%, transparent) !important;
    }
    html[data-theme="forgewright"] body.page-supportticketslist table td:first-child,
    html[data-theme="forgewright"] body.page-supportticketslist table th:first-child {
        width: 1%;
        white-space: nowrap;
    }
    html[data-theme="forgewright"] .label.status {
        text-transform: uppercase;
        font-size: var(--fs-xxs);
        font-weight: 600;
        letter-spacing: 0.04em;
    }
    
    
    html[data-theme="forgewright"] table tbody td:has(> .label.status) {
        background-color: transparent !important;
    }
    @keyframes fwStatusGlow {
        0%, 100% { text-shadow: 0 0 4px color-mix(in srgb, var(--flame) 55%, transparent); }
        50%      { text-shadow: 0 0 13px color-mix(in srgb, var(--flame) 90%, transparent); }
    }
    
    html[data-theme="forgewright"] .label.status-unpaid,
    html[data-theme="forgewright"] .label.status-answered,
    html[data-theme="forgewright"] .label.status-delivered,
    html[data-theme="forgewright"] .label.status-suspended {
        animation: fwStatusGlow 2160ms ease-in-out infinite;
    }
    @media (prefers-reduced-motion: reduce) {
        html[data-theme="forgewright"] .label.status-unpaid,
        html[data-theme="forgewright"] .label.status-answered,
        html[data-theme="forgewright"] .label.status-delivered,
        html[data-theme="forgewright"] .label.status-suspended {
            animation: none;
            text-shadow: 0 0 8px color-mix(in srgb, var(--flame) 70%, transparent);
        }
    }
    
    html[data-theme="forgewright"] table tbody tr:has(.status-unpaid):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-answered):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-delivered):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-suspended):hover :is(td, td a, td span) {
        color: var(--flame) !important;
    }
    html[data-theme="forgewright"] table tbody tr:has(.status-active):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-open):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-customer-reply):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-paid):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-accepted):hover :is(td, td a, td span) {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] table tbody tr:has(.status-on-hold):hover :is(td, td a, td span) {
        color: var(--info) !important;
    }
    html[data-theme="forgewright"] table tbody tr:has(.status-lost):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-dead):hover :is(td, td a, td span) {
        color: var(--text-accented) !important; 
    }
    html[data-theme="forgewright"] table tbody tr:has(.status-overdue):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-fraud):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-collections):hover :is(td, td a, td span) {
        color: var(--error) !important;
    }
    html[data-theme="forgewright"] table tbody tr:has(.status-pending):hover :is(td, td a, td span) {
        color: var(--warning) !important;
    }
    html[data-theme="forgewright"] table tbody tr:has(.status-closed):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-cancelled):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-terminated):hover :is(td, td a, td span),
    html[data-theme="forgewright"] table tbody tr:has(.status-expired):hover :is(td, td a, td span) {
        color: var(--text-accented) !important;
    }
    
    html[data-theme="forgewright"] table tbody tr:has(> td > .label.status):hover td {
        background-color: transparent !important;
    }
    
    html[data-theme="forgewright"] table.table-list,
    html[data-theme="forgewright"] table.dataTable {
        border: 1px solid var(--border) !important; 
    }

    
    
    html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--action .fw-card-header-action {
        background-color: transparent !important;
        border: 0 !important;
        padding: 0 !important;
    }
    html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--action .fw-card-header-action:hover {
        background-color: transparent !important;
        color: var(--primary) !important;
    }
    @media (max-width: 767.98px) {
        
        html[data-theme="forgewright"] table.table-list {
            display: block !important;
            border: 0 !important; 
            background: transparent !important;
        }
        html[data-theme="forgewright"] table.table-list thead {
            display: none;
        }
        html[data-theme="forgewright"] table.table-list tbody {
            display: block;
        }
        html[data-theme="forgewright"] table.table-list tbody tr {
            display: flex !important;
            flex-wrap: wrap;
            align-items: center;
            column-gap: 0.6rem;
            background-color: var(--bg-muted);
            border: 1px solid var(--border-charcoal) !important;
            border-radius: var(--radius);
            margin: 0 0 0.75rem;
            padding: 0.9rem 1rem;
        }
        html[data-theme="forgewright"] table.table-list tbody tr:last-child {
            margin-bottom: 0;
        }
        html[data-theme="forgewright"] table.table-list tbody tr:hover {
            background-color: var(--bg-muted); 
        }
        html[data-theme="forgewright"] table.table-list tbody td {
            display: block;
            flex: 1 0 100%;
            width: auto !important;         
            min-width: 0 !important;
            max-width: none !important;
            box-sizing: border-box;
            background: transparent !important;
            border: 0 !important;
            padding: 0 !important;
            text-align: left !important;    
            white-space: normal !important; 
        }
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--aux {
            flex: 0 0 auto;
            order: 2; 
            margin-bottom: 0.5rem;
        }
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--lead {
            flex: 1 1 100%; 
            order: 1;
            font-family: var(--font-heading);
            font-size: var(--fs-base);
            font-weight: 600;
            color: var(--text);
            margin-bottom: 0.5rem;
        }
        
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--meta {
            order: 10;
            font-size: var(--fs-sm);
            color: var(--text-accented);
            margin-bottom: 0.4rem;
        }
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--meta::before {
            content: attr(data-label);
            display: inline;
            color: var(--text-muted);
            font-size: var(--fs-xxs); 
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-right: 0.35em;
        }
        
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--status {
            order: 90;
            margin-top: 0.5rem;
            text-align: left !important;
        }
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--status .label.status {
            display: inline-block;
            width: auto !important;
            min-width: 0 !important;
            padding-left: 0; 
        }
        
        html[data-theme="forgewright"] table.table-list tbody td.fw-rowcell--action {
            order: 95;
            margin-top: 0.5rem;
        }
        
    }
    
    html[data-theme="forgewright"] .card .card-footer:has(> .btn-block) {
        padding: 0 !important;
        border-top: 0 !important; 
    }
    
    html[data-theme="forgewright"] .card .card-footer > .btn-block {
        display: block;
        width: 100%;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) !important;
        padding: 0.55rem 1rem !important;
        background-color: var(--bg-lifted) !important;
        color: var(--primary) !important;
    }
    html[data-theme="forgewright"] .card .card-footer > .btn-block:hover {
        background-color: var(--border) !important;
    }
    
    html[data-theme="forgewright"] .card-sidebar .card-footer > .btn-block {
        text-align: left !important;
        padding: 0.5rem 14px !important;
        background-color: transparent !important;
        color: var(--text) !important;
        border-radius: 0 !important;
        font-size: var(--fs-sm) !important;
    }
    html[data-theme="forgewright"] .card-sidebar .card-footer > .btn-block i {
        color: var(--text) !important;
        width: 1.25em;
        text-align: center;
    }
    html[data-theme="forgewright"] .card-sidebar .card-footer > .btn-block:hover {
        background-color: transparent !important;
        color: var(--primary) !important;
    }
    html[data-theme="forgewright"] .card-sidebar .card-footer > .btn-block:hover i {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .card-sidebar .list-group-item:hover {
        background-color: transparent !important;
    }
    html[data-theme="forgewright"] .card-sidebar .list-group-item:hover i {
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] div[menuitemname="Client Details"] .card-body {
        font-size: var(--fs-sm);
        line-height: 1.45;
        color: var(--text-accented);
    }
    html[data-theme="forgewright"] div[menuitemname="Client Details"] .card-body strong {
        font-size: var(--fs-base);
        color: var(--text);
    }
    
    html[data-theme="forgewright"] .card .form-control {
        background-color: var(--bg-lifted);
        border-color: var(--border-lifted);
        color: var(--text);
    }
    html[data-theme="forgewright"] .card .form-control:focus {
        border-color: var(--primary);
        box-shadow: none;
        background-color: var(--bg-lifted);
        color: var(--text);
    }

    
    
    html[data-theme="forgewright"] table:has(.masspay-total) thead th,
    html[data-theme="forgewright"] .masspay-total td {
        background-color: color-mix(in oklab, var(--border-charcoal) 50%, transparent) !important;
    }
    html[data-theme="forgewright"] .masspay-total td {
        color: var(--text) !important;
        border-top: 1px solid var(--border-charcoal) !important;
        font-weight: 600;
    }
    
    html[data-theme="forgewright"] table:has(.masspay-total) th,
    html[data-theme="forgewright"] table:has(.masspay-total) td {
        font-size: var(--fs-sm);
    }
    
    html[data-theme="forgewright"] table:has(.masspay-total) thead th:last-child:not(:first-child),
    html[data-theme="forgewright"] table:has(.masspay-total) tbody td:last-child:not(:first-child) {
        text-align: right !important;
        
        width: 1%;
        white-space: nowrap;
    }
    
    html[data-theme="forgewright"] .card:has(.masspay-total) {
        margin-bottom: var(--ca-gap) !important;
    }
    
    html[data-theme="forgewright"] .card:has(.masspay-total) .card-title {
        color: var(--primary) !important;
        
        font-size: var(--ca-heading) !important;
        
        margin: 0 -16px 0.75rem !important;
        padding: 0 16px 0.75rem;
        border-bottom: 1px solid var(--border-charcoal);
    }
    
    
    html[data-theme="forgewright"] .card-sidebar .card-footer:has(.col-button-left) {
        padding: 0 !important;
    }
    html[data-theme="forgewright"] .card-sidebar .card-footer .col-button-left {
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
    }
    html[data-theme="forgewright"] .card-sidebar .card-footer .col-button-left > .btn {
        display: block;
        width: 100%;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) !important;
        padding: 0.6rem 1rem !important;
        background-color: transparent !important;
        color: var(--flame) !important;
        text-align: left !important; 
    }
    html[data-theme="forgewright"] .card-sidebar .card-footer .col-button-left > .btn:hover {
        background-color: transparent !important;
        color: var(--flame) !important;
        text-shadow: 0 0 13px color-mix(in srgb, var(--flame) 90%, transparent);
        box-shadow: none !important;
    }
    
    html[data-theme="forgewright"] body.page-masspay .card-sidebar .card-footer:has(.col-button-left) {
        display: none !important;
    }
    
    html[data-theme="forgewright"] body.page-masspay .card-sidebar:has(#fw-masspay-mount:empty) {
        display: none;
    }
    
    
    html[data-theme="forgewright"] .card-sidebar:has(#fw-masspay-mount) .card-body {
        padding-bottom: 0 !important;
    }
    html[data-theme="forgewright"] #fw-masspay-mount .form-group:last-child {
        margin: 0 -16px 0 !important;
    }
    html[data-theme="forgewright"] #fw-masspay-mount .form-group:last-child > .btn {
        display: block;
        width: 100%;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) !important;
        padding: 0.6rem 1rem !important;
        background-color: transparent !important;
        color: var(--flame) !important;
        text-align: left !important;
        box-shadow: none !important;
    }
    html[data-theme="forgewright"] #fw-masspay-mount .form-group:last-child > .btn:hover {
        background-color: transparent !important;
        color: var(--flame) !important;
        text-shadow: 0 0 13px color-mix(in srgb, var(--flame) 90%, transparent);
    }

    
    
    html[data-theme="forgewright"] .invoice-container {
        background-color: var(--bg-muted) !important;
        color: var(--text) !important;
        border: 1px solid var(--border-charcoal);
        border-radius: var(--radius);
        
        width: auto;
    }
    
    html[data-theme="forgewright"] .invoice-container * {
        border-radius: 0 !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .card,
    html[data-theme="forgewright"] .invoice-container .card.bg-default {
        background-color: transparent !important;
        border-color: var(--border-charcoal) !important;
        color: var(--text);
    }
    html[data-theme="forgewright"] .invoice-container .card-header {
        background-color: transparent !important;
        border-bottom-color: var(--border-charcoal) !important;
        color: var(--text);
    }
    
    html[data-theme="forgewright"] .invoice-container .card-title.bg-info {
        background-color: transparent !important;
        color: var(--text) !important;
    }
    html[data-theme="forgewright"] .invoice-container .total-row {
        background-color: transparent !important;
        color: var(--text) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .card,
    html[data-theme="forgewright"] .invoice-container .card-header,
    html[data-theme="forgewright"] .invoice-container .card-title,
    html[data-theme="forgewright"] .invoice-container .table,
    html[data-theme="forgewright"] .invoice-container .table td,
    html[data-theme="forgewright"] .invoice-container .table th,
    html[data-theme="forgewright"] .invoice-container .total-row {
        border: 0 !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .table tbody tr td:not(.total-row) {
        border-top: 1px solid var(--border-charcoal) !important;
        border-bottom: 1px solid var(--border-charcoal) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .table td:first-child,
    html[data-theme="forgewright"] .invoice-container .table th:first-child {
        padding-left: 0 !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .transactions-container .table td,
    html[data-theme="forgewright"] .invoice-container .transactions-container .table th {
        text-align: left !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .transactions-container .table td:last-child,
    html[data-theme="forgewright"] .invoice-container .transactions-container .table th:last-child,
    html[data-theme="forgewright"] .invoice-container .transactions-container .table .total-row.text-center {
        text-align: center !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .transactions-container .table .total-row.text-right {
        text-align: right !important;
    }
    html[data-theme="forgewright"] .invoice-container .custom-select {
        background-color: var(--bg-lifted) !important;
        border-color: var(--border-charcoal) !important;
        color: var(--text) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .btn-default {
        background-color: transparent !important;
        border: 0 !important;
        color: var(--text-accented) !important;
    }
    html[data-theme="forgewright"] .invoice-container .btn-default:hover,
    html[data-theme="forgewright"] .invoice-container .btn-default:focus {
        background-color: transparent !important;
        color: var(--primary) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-actions {
        gap: 9px;
    }

    
    html[data-theme="forgewright"] .invoice-container .payment-btn-container input[type="submit"],
    html[data-theme="forgewright"] .invoice-container .payment-btn-container button {
        background-color: transparent !important;
        border: 1px solid var(--primary) !important;
        color: var(--primary) !important;
        padding: 0.5rem 1.5rem !important;
        
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        border-radius: 0 !important; 
        font-size: var(--fs-base) !important;
        font-weight: 500 !important;
        cursor: pointer;
        transition: border-color 160ms ease, color 160ms ease;
    }
    html[data-theme="forgewright"] .invoice-container .payment-btn-container input[type="submit"]:hover,
    html[data-theme="forgewright"] .invoice-container .payment-btn-container button:hover {
        background-color: transparent !important;
        border-color: var(--primary-electric) !important;
        color: var(--primary-electric) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .payment-btn-container {
        text-align: inherit;
        margin-top: 0.5rem;
        font-size: var(--fs-sm);
    }
    html[data-theme="forgewright"] .invoice-container .payment-btn-container p {
        margin-bottom: 0;
    }
    
    @media (max-width: 575.98px) {
        html[data-theme="forgewright"] .invoice-container .payment-btn-container {
            margin-bottom: 1rem;
        }
    }
    
    @media (min-width: 576px) {
        html[data-theme="forgewright"] .invoice-container .invoice-col > h3:first-child {
            margin-top: 0 !important;
        }
    }
    
    
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar {
        
        margin: calc(-1.75rem - 1px) calc(-1.75rem - 1px) 1.5rem !important;
        padding: 0.5rem 1rem !important;
        text-align: center;
        font-size: var(--fs-lg);
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--text);
        
        background: transparent;
        border-bottom: 1px solid var(--border-charcoal) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-unpaid {
        color: var(--flame); 
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-paid,
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-refunded {
        color: var(--primary);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-collections {
        color: var(--danger);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-draft,
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-cancelled {
        color: var(--text-muted);
    }

    
    html[data-theme="forgewright"] .invoice-container .invoice-payment-bar {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-top-strip {
        align-items: center;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline {
        
        background: transparent !important;
        font-size: var(--fs-lg);
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--text);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-unpaid {
        color: var(--flame);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-paid,
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-refunded {
        color: var(--primary);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-collections {
        color: var(--danger);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-draft,
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-cancelled {
        color: var(--text-muted);
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-delivered {
        color: var(--flame);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-accepted {
        color: var(--primary);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-onhold {
        color: var(--info);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-lost,
    html[data-theme="forgewright"] .invoice-container .invoice-status-inline.status-dead {
        color: var(--text-muted);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-payment-bar h3 {
        font-size: var(--fs-base) !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        margin-bottom: 0;
        white-space: nowrap;
    }
    html[data-theme="forgewright"] .invoice-container .invoice-payment-bar [data-role="paymethod-info"] {
        flex: 1 1 auto;
    }
    html[data-theme="forgewright"] .invoice-container .invoice-payment-bar .form-inline,
    html[data-theme="forgewright"] .invoice-container .invoice-payment-bar .custom-select {
        width: 100%;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-payment-bar .custom-select {
        background-color: transparent !important;
        border: 1px solid var(--border-charcoal) !important;
        border-radius: var(--radius) !important;
    }
    
    @media (max-width: 895.98px) {
        html[data-theme="forgewright"] .invoice-container {
            margin: 0 0 15px !important;
        }
    }

    
    
    html[data-theme="forgewright"] .invoice-container {
        padding: 1.75rem !important;
        overflow: hidden;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-header {
        margin-top: 1rem;
    }
    
    html[data-theme="forgewright"] .invoice-container .invoice-col h3 {
        font-size: var(--fs-base) !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        margin-bottom: 0.25rem;
    }
    
    html[data-theme="forgewright"] .invoice-container .card-header,
    html[data-theme="forgewright"] .invoice-container .card-header .card-title,
    html[data-theme="forgewright"] .invoice-container .card-title.bg-info,
    html[data-theme="forgewright"] .invoice-container .card-title.bg-warning,
    html[data-theme="forgewright"] .invoice-container table thead td,
    html[data-theme="forgewright"] .invoice-container .total-row {
        font-size: var(--fs-base) !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
    }
    
    html[data-theme="forgewright"] .invoice-container table tbody td {
        font-size: var(--fs-sm) !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .card-header,
    html[data-theme="forgewright"] .invoice-container .card-title.bg-info,
    html[data-theme="forgewright"] .invoice-container .card-title.bg-warning {
        padding: 0.5rem 0.75rem 0.5rem 0 !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .table td,
    html[data-theme="forgewright"] .invoice-container .table th {
        padding-right: 0.75rem;
    }
    
    html[data-theme="forgewright"] .invoice-container address,
    html[data-theme="forgewright"] .invoice-container .small-text {
        font-size: var(--fs-sm) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .table td,
    html[data-theme="forgewright"] .invoice-container .table th {
        overflow-wrap: anywhere;
    }
    
    html[data-theme="forgewright"] .invoice-container .table thead td,
    html[data-theme="forgewright"] .invoice-container .table thead th {
        overflow-wrap: normal;
    }
    @media (max-width: 767.98px) {
        
        html[data-theme="forgewright"] .invoice-container .table td,
        html[data-theme="forgewright"] .invoice-container .table th {
            padding-right: 0.4rem;
        }
    }

    
    
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-delivered {
        color: var(--flame); 
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-accepted {
        color: var(--primary);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-onhold {
        color: var(--info);
    }
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-lost,
    html[data-theme="forgewright"] .invoice-container .invoice-status-bar.status-dead {
        color: var(--text-muted);
    }
    
    html[data-theme="forgewright"] .invoice-container .card-title.bg-warning {
        background-color: transparent !important;
        color: var(--text) !important;
    }
    
    html[data-theme="forgewright"] .invoice-container .card-title.bg-success {
        background-color: transparent !important;
        color: var(--primary) !important;
    }
    html[data-theme="forgewright"] .invoice-container .card-title.bg-danger {
        background-color: transparent !important;
        color: var(--error) !important;
    }
    
    
    html[data-theme="forgewright"] body.page-viewquote .invoice-header,
    html[data-theme="forgewright"] body.page-viewinvoice .invoice-header {
        text-align: left;
    }
    
    @media (max-width: 767.98px) {
        html[data-theme="forgewright"] .invoice-container table.table-sm td:last-child {
            min-width: 8rem;
        }
    }

    
    html[data-theme="forgewright"] #cPanelQuickShortcutsPanel,
    html[data-theme="forgewright"] #cPanelQuickEmailPanel {
        display: none !important;
    }
    
    html[data-theme="forgewright"] #tabOverview .col-md-6:has(> #cPanelPackagePanel),
    html[data-theme="forgewright"] #tabOverview .col-md-6:has(> #cPanelUsagePanel) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    html[data-theme="forgewright"] #cPanelPackagePanel,
    html[data-theme="forgewright"] #cPanelUsagePanel,
    html[data-theme="forgewright"] #cPanelBillingOverviewPanel,
    html[data-theme="forgewright"] #cPanelConfigurableOptionsPanel {
        margin-bottom: 1.5rem !important;
    }
    
    html[data-theme="forgewright"] #cPanelPackagePanel .card-body {
        text-align: left !important;
    }
    html[data-theme="forgewright"] #cPanelBillingOverviewPanel .text-right,
    html[data-theme="forgewright"] #cPanelConfigurableOptionsPanel .text-right {
        text-align: left !important;
    }
    
    html[data-theme="forgewright"] #cPanelPackagePanel .btn-default,
    html[data-theme="forgewright"] #cPanelPackagePanel .btn-success {
        background: transparent !important;
        border-color: var(--border-lifted) !important;
        color: var(--primary) !important;
    }
    html[data-theme="forgewright"] #cPanelPackagePanel .btn-default:hover,
    html[data-theme="forgewright"] #cPanelPackagePanel .btn-default:focus,
    html[data-theme="forgewright"] #cPanelPackagePanel .btn-success:hover,
    html[data-theme="forgewright"] #cPanelPackagePanel .btn-success:focus {
        background: var(--bg-lifted) !important;
        border-color: var(--primary-lifted) !important;
        color: var(--primary-lifted) !important;
    }

    
    html[data-theme="forgewright"] .ticket-reply .posted-by {
        background: transparent !important;
        border-bottom: 1px solid var(--border);
        color: var(--text-accented);
    }
    html[data-theme="forgewright"] .ticket-reply .posted-by-name {
        color: var(--text);
    }
    
    html[data-theme="forgewright"] .ticket-reply .rating .star {
        opacity: 0.4;
    }
    html[data-theme="forgewright"] .ticket-reply .rating:hover .star {
        opacity: 1;
    }
    
    html[data-theme="forgewright"] body.page-clientareaemails table .btn-info {
        background: transparent !important;
        border-color: var(--border-lifted) !important;
        color: var(--primary) !important;
    }

    
    html[data-theme="forgewright"] .btn-danger {
        background: transparent !important;
        border-color: var(--border-lifted) !important;
        color: var(--danger) !important;
    }
    
    html[data-theme="forgewright"] input[type="checkbox"],
    html[data-theme="forgewright"] input[type="radio"] {
        color-scheme: dark;
        accent-color: var(--primary);
    }

    
    html[data-theme="forgewright"] .md-header .btn-primary {
        background: transparent !important;
        border-color: var(--border-lifted) !important;
        color: var(--text-accented) !important;
    }
}

.fw-cookie-notice {
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1040; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    padding: 0.75rem 1.25rem;
    background: var(--bg-lifted);
    border-top: 1px solid var(--border-charcoal);
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.35);
}
.fw-cookie-notice[hidden] {
    display: none;
}
.fw-cookie-notice__text {
    margin: 0;
    flex: 1 1 auto;
    max-width: 100%;
    font-size: 0.875rem;
    color: var(--text-muted);
}
.fw-cookie-notice__text a {
    white-space: nowrap;
}

site-banner/navbar-side markup died with the theme.
   ==================================================================== */

html[data-theme="forgewright"] .block[data-v-44225be4] {
    border: none !important;
    background-color: var(--bg-card-soft) !important;
    border-radius: 0 !important;
    color: var(--text) !important;
}
html[data-theme="forgewright"] .block[data-v-44225be4] .table,
html[data-theme="forgewright"] .block .table {
    color: var(--text) !important;
}
html[data-theme="forgewright"] .addon[data-v-1b6b8a42],
html[data-theme="forgewright"] .page[data-v-1b6b8a42] {
    background-color: transparent !important;
    border-radius: 0 !important;
}

html[data-theme="forgewright"] .table-container .listtable .table tbody tr td .ssl-info img {
    display: none;
}

html[data-theme="forgewright"] #tableServicesList a.text-domain,
html[data-theme="forgewright"] #tableDomainsList a.text-small[href^="http"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: inherit;
}

html[data-theme="forgewright"] .setup-fee {
    font-style: italic;
}

html[data-theme="forgewright"] .twofa-setup .backup-code {
    background-color: var(--bg-accented);
    color: var(--text);
}