:root {
    --cfxp-orange: #ff7900;
    --cfxp-orange-2: #ff9638;
    --cfxp-orange-dark: #d96000;
    --cfxp-orange-soft: #fff3e8;
    --cfxp-bg: #f4f6f8;
    --cfxp-card: #ffffff;
    --cfxp-card-2: #fbfcfd;
    --cfxp-text: #17202a;
    --cfxp-muted: #77808b;
    --cfxp-line: #e8ebef;
    --cfxp-sidebar: #151e27;
    --cfxp-sidebar-deep: #10171f;
    --cfxp-sidebar-text: #d9e0e7;
    --cfxp-shadow: 0 12px 36px rgba(20, 30, 40, .07);
    --cfxp-shadow-soft: 0 6px 20px rgba(20, 30, 40, .045);
    --cfxp-sidebar-width: 18.75rem;
    --cfxp-radius: 1.15rem;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--cfxp-bg);
    font-family: "Alexandria", "Segoe UI", Tahoma, Arial, sans-serif !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

html.cfxp-dark {
    --cfxp-bg: #11171d;
    --cfxp-card: #192129;
    --cfxp-card-2: #1c252e;
    --cfxp-text: #edf1f5;
    --cfxp-muted: #9ca6b1;
    --cfxp-line: #2b3640;
    --cfxp-shadow: 0 12px 36px rgba(0, 0, 0, .18);
    --cfxp-shadow-soft: 0 6px 20px rgba(0, 0, 0, .14);
}

html,
body,
button,
input,
select,
textarea,
table {
    font-family: "Alexandria", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

body.cfxp-body {
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--cfxp-text);
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 121, 0, .045), transparent 25rem),
        var(--cfxp-bg);
    font-size: 14px;
    line-height: 1.65;
}

.cfxp-svg-sprite {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
}

.cfxp-shell {
    width: 100%;
    min-height: 100vh;
    display: flex !important;
    align-items: stretch;
}

.cfxp-dir-ltr .cfxp-shell {
    flex-direction: row;
}

.cfxp-dir-rtl .cfxp-shell {
    flex-direction: row;
}

.cfxp-sidebar {
    position: sticky !important;
    top: 0;
    z-index: 50;
    flex: 0 0 var(--cfxp-sidebar-width);
    width: var(--cfxp-sidebar-width);
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    color: var(--cfxp-sidebar-text);
    background:
        radial-gradient(circle at 50% -10%, rgba(255, 121, 0, .13), transparent 15rem),
        linear-gradient(180deg, var(--cfxp-sidebar), var(--cfxp-sidebar-deep));
    border: 0;
    box-shadow: 0 0 0 1px rgba(255,255,255,.025) inset;
}

.cfxp-dir-rtl .cfxp-sidebar {
    border-left: 1px solid rgba(255,255,255,.045);
}

.cfxp-dir-ltr .cfxp-sidebar {
    border-right: 1px solid rgba(255,255,255,.045);
}

.cfxp-sidebar-inner {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    padding: 1.15rem 1rem 1rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.16) transparent;
}

.cfxp-brand {
    min-height: 8.3rem !important;
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    gap: .7rem !important;
    padding: .8rem .65rem 1.15rem !important;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.075);
}

.cfxp-brand-logo-wrap {
    width: 10.8rem;
    height: 4.7rem;
    display: grid;
    place-items: center;
    padding: .45rem .8rem;
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
}

.cfxp-brand-logo {
    display: block;
    width: 100% !important;
    max-width: 9.4rem !important;
    height: 3.8rem !important;
    object-fit: contain !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.cfxp-brand-fallback {
    min-width: 4.2rem;
    min-height: 3rem;
    display: grid;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(135deg, var(--cfxp-orange), var(--cfxp-orange-2));
    font-size: 1.35rem;
    font-weight: 800;
}

.cfxp-brand-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.cfxp-brand-copy strong {
    color: #fff;
    font-size: 1.08rem !important;
    font-weight: 800;
    letter-spacing: .13em;
}

.cfxp-brand-copy span {
    color: rgba(229,236,242,.6);
    font-size: .69rem;
    font-weight: 500;
}

.cfxp-sidebar-account {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 1rem .15rem .65rem;
    padding: .8rem;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 1rem;
    background: rgba(255,255,255,.04);
}

.cfxp-sidebar-account-icon {
    flex: 0 0 2.45rem;
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(135deg, var(--cfxp-orange), var(--cfxp-orange-2));
    font-size: .9rem;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(255,121,0,.16);
}

.cfxp-sidebar-account > div:last-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cfxp-sidebar-account span,
.cfxp-sidebar-account small {
    color: rgba(219,226,233,.5);
    font-size: .62rem;
}

.cfxp-sidebar-account strong {
    max-width: 11.5rem;
    overflow: hidden;
    color: #fff;
    font-size: .77rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfxp-nav {
    display: flex !important;
    flex-direction: column;
    gap: .22rem;
    margin-top: 1rem !important;
}

.cfxp-nav-section-title {
    margin: .9rem .7rem .35rem;
    color: rgba(219,226,233,.34);
    font-size: .59rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.cfxp-nav-item {
    min-height: 3.1rem !important;
    display: flex !important;
    align-items: center;
    gap: .78rem !important;
    padding: .58rem .72rem !important;
    border: 1px solid transparent !important;
    border-radius: .92rem !important;
    color: rgba(234,239,244,.74) !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: .78rem !important;
    font-weight: 500 !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.cfxp-nav-item:hover {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.055) !important;
}

.cfxp-nav-item.active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--cfxp-orange), var(--cfxp-orange-2)) !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: 0 10px 25px rgba(255,121,0,.2);
}

.cfxp-nav-icon {
    flex: 0 0 2rem;
    width: 2rem !important;
    height: 2rem;
    display: grid !important;
    place-items: center;
    border-radius: .68rem;
    color: rgba(228,235,241,.63);
    background: rgba(255,255,255,.045);
}

.cfxp-nav-item.active .cfxp-nav-icon {
    color: #fff;
    background: rgba(255,255,255,.16);
}

.cfxp-nav-icon svg,
.cfxp-nav-arrow,
.cfxp-icon-button svg,
.cfxp-stat-icon svg,
.cfxp-stat-link svg,
.cfxp-list-icon svg,
.cfxp-empty-icon svg,
.cfxp-mobile-menu svg {
    width: 1.08rem;
    height: 1.08rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cfxp-nav-label {
    min-width: 0;
    flex: 1;
}

.cfxp-nav-arrow {
    flex: 0 0 .9rem;
    width: .82rem;
    height: .82rem;
    color: rgba(224,231,238,.28);
    transition: transform .18s ease;
}

.cfxp-dir-rtl .cfxp-nav-arrow {
    transform: scaleX(-1);
}

.cfxp-nav-item:hover .cfxp-nav-arrow,
.cfxp-nav-item.active .cfxp-nav-arrow {
    color: currentColor;
}

.cfxp-nav-badge {
    min-width: 1.45rem !important;
    height: 1.45rem !important;
    display: inline-grid !important;
    place-items: center;
    margin-inline-start: auto;
    padding: 0 .25rem;
    border-radius: 999px !important;
    color: #fff !important;
    background: #e5484d !important;
    font-size: .56rem !important;
    font-weight: 800;
}

.cfxp-nav-separator {
    height: 1px;
    margin: .85rem .65rem .35rem !important;
    background: rgba(255,255,255,.075) !important;
}

.cfxp-sidebar-footer {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    padding: .78rem 1.2rem;
    border-top: 1px solid rgba(255,255,255,.07);
    color: rgba(229,235,241,.42);
    background: rgba(0,0,0,.08);
    font-size: .56rem;
}

.cfxp-main {
    min-width: 0 !important;
    flex: 1 1 auto;
    width: calc(100% - var(--cfxp-sidebar-width));
    display: flex;
    flex-direction: column;
}

.cfxp-topbar {
    position: sticky !important;
    top: 0;
    z-index: 40;
    width: 100%;
    min-height: 5rem !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .72rem clamp(1.15rem, 2.5vw, 2rem) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cfxp-line) !important;
    background: color-mix(in srgb, var(--cfxp-card) 94%, transparent) !important;
    backdrop-filter: blur(18px);
    box-shadow: 0 1px 0 rgba(0,0,0,.015);
}

.cfxp-topbar-primary,
.cfxp-topbar-actions {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.cfxp-page-context {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}

.cfxp-page-context span {
    color: var(--cfxp-muted);
    font-size: .63rem;
}

.cfxp-page-context strong {
    color: var(--cfxp-text);
    font-size: .93rem;
    font-weight: 700;
}

.cfxp-mobile-menu {
    display: none;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid var(--cfxp-line);
    border-radius: .85rem;
    color: var(--cfxp-text);
    background: var(--cfxp-card);
    cursor: pointer;
}

.cfxp-dropdown {
    position: relative;
}

.cfxp-dropdown summary {
    min-height: 2.8rem !important;
    display: flex !important;
    align-items: center;
    gap: .5rem;
    padding: .45rem .72rem !important;
    border: 1px solid var(--cfxp-line) !important;
    border-radius: .88rem !important;
    color: var(--cfxp-text) !important;
    background: var(--cfxp-card) !important;
    cursor: pointer;
    list-style: none;
    font-size: .7rem !important;
    font-weight: 600 !important;
    box-shadow: var(--cfxp-shadow-soft);
}

.cfxp-dropdown summary::-webkit-details-marker {
    display: none;
}

.cfxp-account-switch {
    min-width: 8.5rem;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
    gap: 0 !important;
}

.cfxp-account-switch span {
    color: var(--cfxp-muted);
    font-size: .54rem;
    font-weight: 500;
}

.cfxp-account-switch strong {
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .66rem;
}

.cfxp-language-code {
    display: inline-grid;
    place-items: center;
    min-width: 1.9rem;
    height: 1.65rem;
    padding: 0 .35rem;
    border-radius: .5rem;
    color: var(--cfxp-orange-dark);
    background: var(--cfxp-orange-soft);
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .03em;
}

.cfxp-dropdown-menu {
    position: absolute !important;
    z-index: 120;
    top: calc(100% + .55rem) !important;
    inset-inline-end: 0 !important;
    min-width: 14rem !important;
    padding: .48rem !important;
    border: 1px solid var(--cfxp-line) !important;
    border-radius: 1rem !important;
    background: var(--cfxp-card) !important;
    box-shadow: 0 22px 55px rgba(20,29,38,.16) !important;
}

.cfxp-dropdown-menu.is-compact {
    min-width: 10.5rem !important;
}

.cfxp-dropdown-menu a,
.cfxp-dropdown-menu button {
    width: 100%;
    min-height: 2.75rem !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: .65rem !important;
    padding: .55rem .7rem !important;
    border: 0 !important;
    border-radius: .72rem !important;
    color: var(--cfxp-text) !important;
    background: transparent !important;
    text-align: start !important;
    text-decoration: none !important;
    cursor: pointer;
    font-size: .7rem !important;
}

.cfxp-dropdown-menu a:hover,
.cfxp-dropdown-menu button:hover,
.cfxp-dropdown-menu button.is-active {
    color: var(--cfxp-orange-dark) !important;
    background: var(--cfxp-orange-soft) !important;
}

.cfxp-dropdown-menu button.is-danger {
    color: #c4383d !important;
}

.cfxp-dropdown-menu small {
    color: var(--cfxp-muted);
    font-size: .56rem;
}

.cfxp-dropdown-divider {
    height: 1px;
    margin: .35rem .45rem;
    background: var(--cfxp-line);
}

.cfxp-icon-button {
    position: relative;
    flex: 0 0 2.8rem;
    width: 2.8rem !important;
    height: 2.8rem !important;
    display: grid !important;
    place-items: center;
    padding: 0 !important;
    border: 1px solid var(--cfxp-line) !important;
    border-radius: .88rem !important;
    color: var(--cfxp-text) !important;
    background: var(--cfxp-card) !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: var(--cfxp-shadow-soft);
}

.cfxp-icon-button:hover {
    color: var(--cfxp-orange-dark) !important;
    border-color: rgba(255,121,0,.25) !important;
    background: var(--cfxp-orange-soft) !important;
}

.cfxp-notification-link > span {
    position: absolute;
    top: -.32rem;
    inset-inline-end: -.32rem;
    min-width: 1.25rem;
    height: 1.25rem;
    display: grid;
    place-items: center;
    padding: 0 .18rem;
    border: 2px solid var(--cfxp-card);
    border-radius: 999px;
    color: #fff;
    background: #e5484d;
    font-size: .48rem;
    font-weight: 800;
}

.cfxp-user-menu summary {
    padding-inline: .35rem .72rem !important;
}

.cfxp-avatar {
    flex: 0 0 2.05rem;
    width: 2.05rem;
    height: 2.05rem;
    display: grid;
    place-items: center;
    border-radius: .68rem;
    color: #fff;
    background: linear-gradient(135deg, var(--cfxp-orange), var(--cfxp-orange-2));
    font-size: .73rem;
    font-weight: 800;
}

.cfxp-user-text {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}

.cfxp-user-text strong {
    max-width: 8rem;
    overflow: hidden;
    color: var(--cfxp-text);
    font-size: .68rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfxp-user-text small {
    color: var(--cfxp-muted);
    font-size: .54rem;
}

.cfxp-verify-banner {
    width: min(100% - 3rem, 90rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.35rem auto 0;
    padding: .8rem 1rem;
    border: 1px solid #f5d88a;
    border-radius: .9rem;
    color: #8a5b00;
    background: #fff8df;
    font-size: .68rem;
}

.cfxp-verify-banner > div {
    display: flex;
    flex-direction: column;
}

.cfxp-verify-banner strong {
    font-size: .72rem;
}

.cfxp-verify-banner span {
    opacity: .75;
}

.cfxp-verify-banner a {
    color: #8a5b00;
    font-weight: 700;
}

.cfxp-content {
    width: 100%;
    max-width: 96rem;
    flex: 1 0 auto;
    margin: 0 auto !important;
    padding: clamp(1.35rem, 2.4vw, 2.3rem) clamp(1.15rem, 2.5vw, 2.3rem) 2.8rem !important;
}

.cfxp-dashboard-hero {
    position: relative;
    min-height: 13.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    margin-bottom: 2rem;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border: 1px solid rgba(255,121,0,.13);
    border-radius: 1.5rem;
    color: #fff;
    background:
        radial-gradient(circle at 84% 30%, rgba(255,151,61,.28), transparent 16rem),
        linear-gradient(135deg, #18222c, #10171e 68%);
    box-shadow: 0 18px 46px rgba(23,31,39,.14);
}

.cfxp-dashboard-hero::before,
.cfxp-dashboard-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.cfxp-dashboard-hero::before {
    width: 16rem;
    height: 16rem;
    inset-inline-end: -5rem;
    top: -7rem;
    border: 1px solid rgba(255,255,255,.08);
}

.cfxp-dashboard-hero::after {
    width: 9rem;
    height: 9rem;
    inset-inline-end: 2.5rem;
    bottom: -5rem;
    background: rgba(255,121,0,.09);
}

.cfxp-dashboard-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 52rem;
}

.cfxp-kicker {
    display: inline-flex;
    margin-bottom: .55rem;
    color: #ffb36f;
    font-size: .7rem;
    font-weight: 600;
}

.cfxp-dashboard-hero h1 {
    margin: 0 0 .65rem;
    color: #fff;
    font-size: clamp(1.55rem, 2.8vw, 2.4rem);
    line-height: 1.25;
    font-weight: 800;
}

.cfxp-dashboard-hero p {
    max-width: 48rem;
    margin: 0;
    color: rgba(235,241,246,.68);
    font-size: .82rem;
    line-height: 1.9;
}

.cfxp-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.2rem;
}

.cfxp-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .65rem;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .7rem;
    color: rgba(240,244,248,.7);
    background: rgba(255,255,255,.04);
    font-size: .62rem;
}

.cfxp-hero-meta b {
    color: #fff;
    font-weight: 600;
}

.cfxp-dashboard-hero-side {
    position: relative;
    z-index: 1;
    flex: 0 0 9rem;
    min-height: 8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: 1rem;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 1.15rem;
    background: rgba(255,255,255,.045);
    text-align: center;
    backdrop-filter: blur(8px);
}

.cfxp-dashboard-hero-side strong {
    font-size: .76rem;
}

.cfxp-dashboard-hero-side small {
    color: rgba(235,241,246,.52);
    font-size: .58rem;
}

.cfxp-status-dot {
    width: .7rem;
    height: .7rem;
    margin-bottom: .35rem;
    border-radius: 999px;
    background: #9ca3af;
    box-shadow: 0 0 0 5px rgba(156,163,175,.1);
}

.cfxp-status-dot.is-active {
    background: #38b86b;
    box-shadow: 0 0 0 5px rgba(56,184,107,.12);
}

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

.cfxp-section-heading span,
.cfxp-panel-kicker {
    color: var(--cfxp-orange-dark);
    font-size: .62rem;
    font-weight: 700;
}

.cfxp-section-heading h2 {
    margin: .15rem 0 0;
    color: var(--cfxp-text);
    font-size: 1.15rem;
    font-weight: 750;
}

.cfxp-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.cfxp-stat-card {
    position: relative;
    min-height: 10rem;
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    gap: .75rem .9rem;
    padding: 1.15rem !important;
    border: 1px solid var(--cfxp-line) !important;
    border-radius: var(--cfxp-radius) !important;
    color: var(--cfxp-text) !important;
    background: var(--cfxp-card) !important;
    text-decoration: none !important;
    box-shadow: var(--cfxp-shadow-soft) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.cfxp-stat-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,121,0,.22) !important;
    box-shadow: var(--cfxp-shadow) !important;
}

.cfxp-stat-card.is-disabled {
    opacity: .58;
    pointer-events: none;
}

.cfxp-stat-icon {
    width: 2.9rem;
    height: 2.9rem;
    display: grid;
    place-items: center;
    border-radius: .9rem;
    color: var(--cfxp-orange-dark);
    background: var(--cfxp-orange-soft);
}

.cfxp-stat-icon svg {
    width: 1.3rem;
    height: 1.3rem;
}

.cfxp-stat-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cfxp-stat-copy span {
    color: var(--cfxp-muted);
    font-size: .68rem;
    font-weight: 500;
}

.cfxp-stat-copy strong {
    margin-top: .22rem;
    color: var(--cfxp-text);
    font-size: 1.8rem;
    line-height: 1.1;
    font-weight: 800;
}

.cfxp-stat-link {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .7rem;
    border-top: 1px solid var(--cfxp-line);
    color: var(--cfxp-muted);
    font-size: .6rem;
    font-weight: 500;
}

.cfxp-stat-link svg {
    width: .82rem;
    height: .82rem;
}

.cfxp-dir-rtl .cfxp-stat-link svg {
    transform: scaleX(-1);
}

.cfxp-dashboard-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
    gap: 1.15rem !important;
}

.panel-card.cfxp-panel,
.cfxp-panel {
    min-width: 0;
    margin: 0 !important;
    padding: 1.25rem !important;
    border: 1px solid var(--cfxp-line) !important;
    border-radius: 1.25rem !important;
    background: var(--cfxp-card) !important;
    box-shadow: var(--cfxp-shadow-soft) !important;
}

.cfxp-panel-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}

.cfxp-panel-head h2 {
    margin: .15rem 0 .25rem !important;
    color: var(--cfxp-text);
    font-size: 1rem !important;
    font-weight: 750;
}

.cfxp-panel-head p {
    margin: 0 !important;
    color: var(--cfxp-muted) !important;
    font-size: .65rem !important;
    line-height: 1.8;
}

.cfxp-text-link {
    flex: 0 0 auto;
    padding: .45rem .65rem;
    border-radius: .65rem;
    color: var(--cfxp-orange-dark) !important;
    background: var(--cfxp-orange-soft);
    text-decoration: none;
    font-size: .62rem !important;
    font-weight: 650;
}

.cfxp-list {
    display: flex;
    flex-direction: column;
}

.cfxp-list-row {
    min-height: 4.5rem;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem .2rem !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cfxp-line) !important;
    color: var(--cfxp-text) !important;
    text-decoration: none !important;
}

.cfxp-list-row:last-child {
    border-bottom: 0 !important;
}

.cfxp-list-leading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.cfxp-list-icon {
    flex: 0 0 2.45rem;
    width: 2.45rem;
    height: 2.45rem;
    display: grid;
    place-items: center;
    border-radius: .78rem;
    color: var(--cfxp-orange-dark);
    background: var(--cfxp-orange-soft);
}

.cfxp-list-leading > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cfxp-list-leading strong {
    color: var(--cfxp-text);
    font-size: .72rem;
    font-weight: 650;
}

.cfxp-list-leading small,
.cfxp-list-row time {
    color: var(--cfxp-muted);
    font-size: .59rem;
}

.cfxp-empty-state {
    min-height: 12rem;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 1.7rem !important;
    color: var(--cfxp-muted) !important;
    text-align: center;
}

.cfxp-empty-icon {
    width: 3.2rem;
    height: 3.2rem;
    display: grid;
    place-items: center;
    margin-bottom: .25rem;
    border-radius: 1rem;
    color: var(--cfxp-orange-dark);
    background: var(--cfxp-orange-soft);
}

.cfxp-empty-icon svg {
    width: 1.35rem;
    height: 1.35rem;
}

.cfxp-empty-state strong {
    color: var(--cfxp-text);
    font-size: .72rem;
    font-weight: 650;
}

.cfxp-empty-state span {
    max-width: 22rem;
    font-size: .62rem;
}

.status-pill {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    padding: .25rem .55rem !important;
    border-radius: 999px !important;
    color: #25623b !important;
    background: #eaf8ef !important;
    font-size: .56rem !important;
    font-weight: 650 !important;
}

/* Generic portal content from Packs 03/04/05/09/10 */
.cfxp-content .page-heading,
.cfxp-content .cfxp-page-heading {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.35rem !important;
}

.cfxp-content .page-heading h1,
.cfxp-content .cfxp-page-heading h1 {
    margin: .25rem 0 .4rem !important;
    color: var(--cfxp-text);
    font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
    line-height: 1.35;
    font-weight: 800;
}

.cfxp-content .page-heading p,
.cfxp-content .cfxp-page-heading p {
    margin: 0 !important;
    color: var(--cfxp-muted) !important;
    font-size: .72rem !important;
    line-height: 1.9;
}

.cfxp-content .eyebrow {
    color: var(--cfxp-orange-dark) !important;
    font-size: .62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.cfxp-content .panel-card,
.cfxp-content .product-card,
.cfxp-content .guest-card {
    border: 1px solid var(--cfxp-line) !important;
    border-radius: 1.15rem !important;
    color: var(--cfxp-text);
    background: var(--cfxp-card) !important;
    box-shadow: var(--cfxp-shadow-soft) !important;
}

.cfxp-content .panel-card {
    padding: 1.25rem !important;
}

.cfxp-content .section-head h2,
.cfxp-content .panel-card h2 {
    color: var(--cfxp-text);
    font-weight: 750;
}

.cfxp-content .section-head p {
    color: var(--cfxp-muted) !important;
}

.cfxp-content .two-col {
    gap: 1rem !important;
}

.cfxp-content table {
    color: var(--cfxp-text);
    background: transparent;
}

.cfxp-content th,
.cfxp-content td {
    padding: .9rem .75rem !important;
    border-bottom: 1px solid var(--cfxp-line) !important;
    text-align: start !important;
    font-size: .68rem !important;
}

.cfxp-content th {
    color: var(--cfxp-muted) !important;
    font-size: .61rem !important;
    font-weight: 650 !important;
}

.cfxp-content input,
.cfxp-content select,
.cfxp-content textarea,
.cfxp-guest-card input,
.cfxp-guest-card select,
.cfxp-guest-card textarea {
    min-height: 2.9rem;
    padding: .68rem .8rem !important;
    border: 1px solid var(--cfxp-line) !important;
    border-radius: .78rem !important;
    color: var(--cfxp-text) !important;
    background: var(--cfxp-card) !important;
    font-size: .7rem !important;
}

.cfxp-content textarea,
.cfxp-guest-card textarea {
    min-height: 7rem;
}

.cfxp-content input:focus,
.cfxp-content select:focus,
.cfxp-content textarea:focus,
.cfxp-guest-card input:focus,
.cfxp-guest-card select:focus,
.cfxp-guest-card textarea:focus {
    outline: 3px solid rgba(255,121,0,.10) !important;
    border-color: rgba(255,121,0,.55) !important;
}

.cfxp-content label,
.cfxp-guest-card label {
    color: var(--cfxp-text);
    font-size: .68rem !important;
    font-weight: 600 !important;
}

.cfxp-content .primary-button,
.cfxp-guest-card .primary-button {
    min-height: 2.9rem;
    padding: .65rem 1rem !important;
    border-radius: .8rem !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--cfxp-orange), var(--cfxp-orange-2)) !important;
    box-shadow: 0 9px 22px rgba(255,121,0,.17);
    font-size: .7rem !important;
    font-weight: 650 !important;
}

.cfxp-content .link-button,
.cfxp-content .section-head a,
.cfxp-guest-card .form-links a {
    color: var(--cfxp-orange-dark) !important;
}

.alert {
    margin-bottom: 1rem !important;
    padding: .8rem 1rem !important;
    border-radius: .8rem !important;
    font-size: .68rem !important;
}

.cfxp-page-footer {
    width: 100%;
    max-width: 96rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 auto;
    padding: 1rem 2.3rem 1.25rem;
    border-top: 1px solid var(--cfxp-line);
    color: var(--cfxp-muted);
    font-size: .57rem;
}

.cfxp-sidebar-backdrop {
    display: none;
}

/* Guest/login */
body.cfxp-guest {
    min-height: 100vh;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 1.25rem 2rem !important;
    background:
        radial-gradient(circle at 15% 15%, rgba(255,121,0,.09), transparent 22rem),
        radial-gradient(circle at 90% 90%, rgba(24,33,43,.08), transparent 25rem),
        var(--cfxp-bg) !important;
}

.cfxp-guest-toolbar {
    position: fixed;
    z-index: 20;
    top: 1.2rem;
    inset-inline-end: 1.2rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.cfxp-guest-languages {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem;
    border: 1px solid var(--cfxp-line);
    border-radius: .85rem;
    background: var(--cfxp-card);
    box-shadow: var(--cfxp-shadow-soft);
}

.cfxp-guest-languages form {
    margin: 0;
}

.cfxp-guest-languages button {
    min-width: 2.25rem;
    height: 2.15rem;
    border: 0;
    border-radius: .62rem;
    color: var(--cfxp-muted);
    background: transparent;
    cursor: pointer;
    font-size: .58rem;
    font-weight: 700;
}

.cfxp-guest-languages button.active {
    color: #fff;
    background: var(--cfxp-orange);
}

.cfxp-guest-shell {
    width: min(100%, 62rem) !important;
    display: grid;
    grid-template-columns: minmax(18rem, .85fr) minmax(22rem, 1.15fr);
    overflow: hidden;
    border: 1px solid var(--cfxp-line);
    border-radius: 1.5rem;
    background: var(--cfxp-card);
    box-shadow: 0 25px 70px rgba(20,30,40,.12);
}

.cfxp-dir-rtl .cfxp-guest-shell {
    direction: rtl;
}

.cfxp-dir-ltr .cfxp-guest-shell {
    direction: ltr;
}

.cfxp-guest-brand-panel {
    min-height: 31rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    color: #fff;
    background:
        radial-gradient(circle at 50% 22%, rgba(255,121,0,.22), transparent 13rem),
        linear-gradient(150deg, #18222c, #10171e);
    text-align: center;
}

.cfxp-guest-logo-wrap {
    width: 11rem;
    height: 5rem;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    border-radius: 1.1rem;
    background: #fff;
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

.cfxp-guest-logo-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 0 !important;
    background: transparent !important;
}

.cfxp-guest-brand-panel > strong {
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.cfxp-guest-brand-panel > span {
    margin-top: .2rem;
    color: #ffb16c;
    font-size: .72rem;
    font-weight: 600;
}

.cfxp-guest-brand-panel p {
    max-width: 20rem;
    margin: 1.1rem 0 0;
    color: rgba(235,241,246,.62);
    font-size: .68rem;
    line-height: 1.9;
}

.cfxp-guest-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 !important;
    padding: clamp(1.7rem, 4vw, 3rem) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cfxp-guest-card h1 {
    color: var(--cfxp-text);
    font-size: 1.45rem !important;
    font-weight: 800;
}

.cfxp-guest-card .muted {
    color: var(--cfxp-muted);
    font-size: .7rem;
    line-height: 1.9;
}

.cfxp-guest-card .stack-form {
    gap: 1rem !important;
    margin-top: 1.4rem !important;
}

.cfxp-guest-footer {
    margin: 1rem 0 0;
    color: var(--cfxp-muted);
    font-size: .58rem;
}

/* Dark mode adjustments */
html.cfxp-dark .cfxp-orange-soft,
html.cfxp-dark .cfxp-language-code,
html.cfxp-dark .cfxp-stat-icon,
html.cfxp-dark .cfxp-list-icon,
html.cfxp-dark .cfxp-empty-icon,
html.cfxp-dark .cfxp-text-link {
    color: #ffae67;
    background: rgba(255,121,0,.12);
}

html.cfxp-dark .cfxp-verify-banner {
    border-color: rgba(245,216,138,.2);
    color: #f6d783;
    background: rgba(138,91,0,.13);
}

html.cfxp-dark .status-pill {
    color: #86dfa5 !important;
    background: rgba(56,184,107,.12) !important;
}

/* Responsive */
@media (max-width: 1280px) {
    :root {
        --cfxp-sidebar-width: 17.5rem;
    }

    .cfxp-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    .cfxp-main {
        width: 100%;
    }

    .cfxp-sidebar {
        position: fixed !important;
        top: 0;
        bottom: 0;
        height: 100dvh;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 0 18px 50px rgba(0,0,0,.24);
    }

    .cfxp-dir-rtl .cfxp-sidebar {
        right: 0;
        left: auto;
        transform: translateX(105%);
    }

    .cfxp-dir-ltr .cfxp-sidebar {
        left: 0;
        right: auto;
        transform: translateX(-105%);
    }

    body.cfxp-sidebar-open .cfxp-sidebar {
        transform: translateX(0);
    }

    .cfxp-mobile-menu {
        display: grid !important;
    }

    .cfxp-sidebar-backdrop {
        position: fixed;
        z-index: 45;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background: rgba(8,14,20,.48);
        backdrop-filter: blur(3px);
        cursor: pointer;
    }

    body.cfxp-sidebar-open .cfxp-sidebar-backdrop {
        display: block;
    }

    .cfxp-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .cfxp-topbar {
        min-height: 4.5rem !important;
        padding-inline: .85rem !important;
    }

    .cfxp-page-context {
        display: none;
    }

    .cfxp-account-switch,
    .cfxp-language-menu summary > span:last-child,
    .cfxp-user-text {
        display: none !important;
    }

    .cfxp-dropdown summary {
        min-width: 2.8rem;
        justify-content: center;
        padding: .35rem !important;
    }

    .cfxp-content {
        padding: 1rem .85rem 2rem !important;
    }

    .cfxp-verify-banner {
        width: calc(100% - 1.7rem);
        align-items: flex-start;
        margin-top: .85rem;
    }

    .cfxp-dashboard-hero {
        min-height: 0;
        align-items: flex-start;
        padding: 1.35rem;
    }

    .cfxp-dashboard-hero-side {
        display: none;
    }

    .cfxp-stats-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: .75rem !important;
    }

    .cfxp-stat-card {
        min-height: 8.7rem;
        grid-template-columns: 1fr;
        padding: .9rem !important;
    }

    .cfxp-stat-icon {
        width: 2.55rem;
        height: 2.55rem;
    }

    .cfxp-stat-copy strong {
        font-size: 1.45rem;
    }

    .cfxp-page-footer {
        padding-inline: .95rem;
    }

    .cfxp-guest-shell {
        width: min(100%, 32rem) !important;
        grid-template-columns: 1fr;
    }

    .cfxp-guest-brand-panel {
        min-height: 13rem;
        padding: 1.5rem;
    }

    .cfxp-guest-brand-panel p {
        display: none;
    }

    .cfxp-guest-logo-wrap {
        width: 9rem;
        height: 4rem;
        margin-bottom: .7rem;
    }
}

@media (max-width: 470px) {
    .cfxp-stats-grid {
        grid-template-columns: 1fr !important;
    }

    .cfxp-dashboard-hero h1 {
        font-size: 1.45rem;
    }

    .cfxp-hero-meta {
        display: grid;
    }

    .cfxp-verify-banner {
        display: grid;
    }

    .cfxp-page-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* CODFIX RTL SIDEBAR HOTFIX v2.3.1 */
.cfxp-dir-rtl .cfxp-shell {
    direction: rtl;
}

.cfxp-dir-ltr .cfxp-shell {
    direction: ltr;
}

.cfxp-dir-rtl .cfxp-sidebar,
.cfxp-dir-rtl .cfxp-main {
    direction: rtl;
    text-align: right;
}

.cfxp-dir-ltr .cfxp-sidebar,
.cfxp-dir-ltr .cfxp-main {
    direction: ltr;
    text-align: left;
}

/*
 * Desktop:
 * - RTL + row  => first child sidebar is on the RIGHT.
 * - LTR + row  => first child sidebar is on the LEFT.
 */
@media (min-width: 981px) {
    .cfxp-dir-rtl .cfxp-shell,
    .cfxp-dir-ltr .cfxp-shell {
        flex-direction: row !important;
    }
}

/* CODFIX CUSTOMER PORTAL VISUAL POLISH v2.4.0 */
:root {
    --cfxp-sidebar-width: 19.75rem;
    --cfxp-content-max: 100rem;
    --cfxp-card-radius: 1.25rem;
}

/* ---------- Brand / sidebar ---------- */
.cfxp-sidebar-inner {
    padding: 1.1rem 1rem 1.15rem;
}

.cfxp-brand {
    min-height: 10rem !important;
    gap: .85rem !important;
    padding: .95rem .55rem 1.25rem !important;
}

.cfxp-brand-logo-wrap {
    width: 13rem !important;
    height: 5.8rem !important;
    padding: .5rem 1rem !important;
    border-radius: 1.3rem !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .20),
        0 0 0 1px rgba(255,255,255,.08) inset !important;
}

.cfxp-brand-logo {
    max-width: 11.5rem !important;
    height: 4.7rem !important;
}

.cfxp-brand-copy {
    gap: .65rem !important;
}

.cfxp-brand-copy strong {
    font-size: 1.16rem !important;
    letter-spacing: .16em !important;
}

.cfxp-brand-copy span {
    font-size: .72rem !important;
}

.cfxp-sidebar-account {
    margin: 1.1rem .1rem .8rem !important;
    padding: .9rem !important;
    border-radius: 1.05rem !important;
}

.cfxp-sidebar-account-icon {
    width: 2.65rem !important;
    height: 2.65rem !important;
    flex-basis: 2.65rem !important;
    font-size: .95rem !important;
}

.cfxp-sidebar-account strong {
    font-size: .82rem !important;
}

.cfxp-nav {
    gap: .3rem !important;
}

.cfxp-nav-section-title {
    margin: 1rem .75rem .42rem !important;
    font-size: .62rem !important;
}

.cfxp-nav-item {
    min-height: 3.35rem !important;
    gap: .82rem !important;
    padding: .62rem .78rem !important;
    border-radius: 1rem !important;
    font-size: .82rem !important;
}

.cfxp-nav-icon {
    width: 2.15rem !important;
    height: 2.15rem !important;
    flex-basis: 2.15rem !important;
    border-radius: .74rem !important;
}

.cfxp-nav-icon svg {
    width: 1.14rem !important;
    height: 1.14rem !important;
}

.cfxp-nav-item.active {
    box-shadow:
        0 12px 28px rgba(255,121,0,.22),
        0 1px 0 rgba(255,255,255,.12) inset !important;
}

.cfxp-sidebar-footer {
    padding: .85rem 1.25rem !important;
    font-size: .58rem !important;
}

/* ---------- Topbar ---------- */
.cfxp-topbar {
    min-height: 5.25rem !important;
    padding-inline: clamp(1.2rem, 2.8vw, 2.4rem) !important;
}

.cfxp-page-context span {
    font-size: .65rem !important;
}

.cfxp-page-context strong {
    font-size: 1rem !important;
}

.cfxp-topbar-actions {
    gap: .7rem !important;
}

.cfxp-dropdown summary,
.cfxp-icon-button {
    box-shadow: 0 5px 16px rgba(20,30,40,.04) !important;
}

/* ---------- Main content ---------- */
.cfxp-content,
.cfxp-page-footer {
    max-width: var(--cfxp-content-max) !important;
}

.cfxp-content {
    padding:
        clamp(1.4rem, 2.6vw, 2.55rem)
        clamp(1.2rem, 3vw, 2.6rem)
        3rem !important;
}

/* ---------- Dashboard hero ---------- */
.cfxp-dashboard-hero {
    min-height: 14.5rem !important;
    margin-bottom: 2.15rem !important;
    padding: clamp(1.65rem, 3vw, 2.6rem) !important;
    border-radius: 1.6rem !important;
    box-shadow:
        0 22px 56px rgba(15,22,29,.16),
        0 1px 0 rgba(255,255,255,.05) inset !important;
}

.cfxp-dashboard-hero h1 {
    font-size: clamp(1.75rem, 3vw, 2.65rem) !important;
}

.cfxp-dashboard-hero p {
    max-width: 52rem !important;
    font-size: .86rem !important;
}

.cfxp-kicker {
    font-size: .73rem !important;
}

.cfxp-hero-meta span {
    min-height: 2.2rem;
    padding: .5rem .72rem !important;
    font-size: .64rem !important;
}

.cfxp-dashboard-hero-side {
    flex-basis: 10.5rem !important;
    min-height: 9rem !important;
    border-radius: 1.25rem !important;
}

/* ---------- Dashboard section headings ---------- */
.cfxp-section-heading {
    margin-bottom: 1.1rem !important;
}

.cfxp-section-heading h2 {
    font-size: 1.22rem !important;
}

.cfxp-section-heading span,
.cfxp-panel-kicker {
    font-size: .65rem !important;
}

/* ---------- Stat cards ---------- */
.cfxp-stats-grid {
    gap: 1.1rem !important;
    margin-bottom: 1.7rem !important;
}

.cfxp-stat-card {
    min-height: 10.8rem !important;
    padding: 1.25rem !important;
    border-radius: 1.25rem !important;
    box-shadow:
        0 7px 22px rgba(20,30,40,.045),
        0 1px 0 rgba(255,255,255,.5) inset !important;
}

.cfxp-stat-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 36px rgba(20,30,40,.09) !important;
}

.cfxp-stat-icon {
    width: 3.15rem !important;
    height: 3.15rem !important;
    border-radius: .95rem !important;
}

.cfxp-stat-icon svg {
    width: 1.42rem !important;
    height: 1.42rem !important;
}

.cfxp-stat-copy span {
    font-size: .72rem !important;
}

.cfxp-stat-copy strong {
    margin-top: .28rem !important;
    font-size: 2rem !important;
}

.cfxp-stat-link {
    padding-top: .78rem !important;
    font-size: .63rem !important;
}

/* ---------- Panels ---------- */
.cfxp-dashboard-grid {
    gap: 1.25rem !important;
}

.panel-card.cfxp-panel,
.cfxp-panel,
.cfxp-content .panel-card {
    border-radius: 1.3rem !important;
    box-shadow: 0 8px 26px rgba(20,30,40,.05) !important;
}

.panel-card.cfxp-panel,
.cfxp-panel {
    padding: 1.4rem !important;
}

.cfxp-panel-head h2 {
    font-size: 1.06rem !important;
}

.cfxp-panel-head p {
    font-size: .68rem !important;
}

.cfxp-list-row {
    min-height: 4.8rem !important;
    padding-block: .85rem !important;
}

.cfxp-list-icon {
    width: 2.65rem !important;
    height: 2.65rem !important;
    flex-basis: 2.65rem !important;
}

.cfxp-list-leading strong {
    font-size: .76rem !important;
}

.cfxp-list-leading small,
.cfxp-list-row time {
    font-size: .61rem !important;
}

/* ---------- Internal page consistency ---------- */
.cfxp-content .page-heading,
.cfxp-content .cfxp-page-heading {
    margin-bottom: 1.55rem !important;
}

.cfxp-content .page-heading h1,
.cfxp-content .cfxp-page-heading h1 {
    font-size: clamp(1.45rem, 2.3vw, 1.95rem) !important;
}

.cfxp-content .page-heading p,
.cfxp-content .cfxp-page-heading p {
    max-width: 60rem;
    font-size: .75rem !important;
}

.cfxp-content .panel-card {
    padding: 1.4rem !important;
}

.cfxp-content table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.cfxp-content th {
    padding: .85rem .9rem !important;
    color: var(--cfxp-muted) !important;
    background: color-mix(in srgb, var(--cfxp-card-2) 92%, transparent) !important;
    font-size: .64rem !important;
}

.cfxp-content td {
    padding: 1rem .9rem !important;
    font-size: .71rem !important;
}

.cfxp-content tbody tr {
    transition: background .16s ease;
}

.cfxp-content tbody tr:hover {
    background: color-mix(in srgb, var(--cfxp-orange-soft) 44%, transparent) !important;
}

.cfxp-content input,
.cfxp-content select,
.cfxp-content textarea,
.cfxp-guest-card input,
.cfxp-guest-card select,
.cfxp-guest-card textarea {
    min-height: 3.05rem !important;
    padding-inline: .9rem !important;
    border-radius: .84rem !important;
    font-size: .73rem !important;
}

.cfxp-content label,
.cfxp-guest-card label {
    margin-bottom: .35rem;
    font-size: .7rem !important;
}

.cfxp-content .primary-button,
.cfxp-guest-card .primary-button {
    min-height: 3.05rem !important;
    padding-inline: 1.15rem !important;
    border-radius: .85rem !important;
    font-size: .73rem !important;
}

/* ---------- Empty states ---------- */
.cfxp-empty-state {
    min-height: 13rem !important;
}

.cfxp-empty-icon {
    width: 3.5rem !important;
    height: 3.5rem !important;
    border-radius: 1.05rem !important;
}

.cfxp-empty-state strong {
    font-size: .76rem !important;
}

.cfxp-empty-state span {
    font-size: .64rem !important;
}

/* ---------- Guest/login polish ---------- */
.cfxp-guest-shell {
    max-width: 66rem !important;
    border-radius: 1.65rem !important;
    box-shadow: 0 30px 78px rgba(20,30,40,.14) !important;
}

.cfxp-guest-brand-panel {
    min-height: 33rem !important;
}

.cfxp-guest-logo-wrap {
    width: 13rem !important;
    height: 5.8rem !important;
}

.cfxp-guest-brand-panel > strong {
    margin-top: .25rem;
    font-size: 1.55rem !important;
}

.cfxp-guest-card {
    padding: clamp(2rem, 4.2vw, 3.4rem) !important;
}

/* ---------- Fine RTL/LTR behavior ---------- */
.cfxp-dir-rtl .cfxp-page-context,
.cfxp-dir-rtl .cfxp-stat-copy,
.cfxp-dir-rtl .cfxp-list-leading > div {
    text-align: right !important;
}

.cfxp-dir-ltr .cfxp-page-context,
.cfxp-dir-ltr .cfxp-stat-copy,
.cfxp-dir-ltr .cfxp-list-leading > div {
    text-align: left !important;
}

/* ---------- Large screens ---------- */
@media (min-width: 1536px) {
    :root {
        --cfxp-sidebar-width: 20.25rem;
    }

    .cfxp-content {
        padding-inline: 2.8rem !important;
    }
}

/* ---------- Tablet ---------- */
@media (max-width: 1280px) {
    :root {
        --cfxp-sidebar-width: 18.4rem;
    }

    .cfxp-brand-logo-wrap {
        width: 11.5rem !important;
        height: 5.2rem !important;
    }

    .cfxp-brand-logo {
        max-width: 10rem !important;
        height: 4.2rem !important;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 760px) {
    .cfxp-topbar {
        min-height: 4.7rem !important;
    }

    .cfxp-dashboard-hero {
        margin-bottom: 1.4rem !important;
    }

    .cfxp-stat-card {
        min-height: 9.2rem !important;
    }

    .cfxp-guest-logo-wrap {
        width: 10rem !important;
        height: 4.4rem !important;
    }
}