/* Shared application shell. One navigation for desktop and mobile. */
:root{--jf-ink:#15364b;--jf-muted:#6b8190;--jf-line:#e5edef;--jf-blue:#0759a5;--jf-green:#188745;--jf-sidebar:264px;--jf-header:84px}
body[data-panel]{display:block!important;background:#f4f7f8!important;color:var(--jf-ink);font-family:'Segoe UI',Arial,sans-serif!important;font-size:14px;line-height:1.65;overflow-x:hidden}
.jf-header{height:var(--jf-header);position:fixed;inset:0 0 auto;z-index:1040;display:flex;align-items:center;gap:18px;padding:0 30px;background:#fff;border-top:4px solid #f3a21b;border-bottom:1px solid var(--jf-line)}
.jf-header-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.jf-header-brand img{width:54px;height:60px;object-fit:contain}.jf-header-brand strong{display:block;color:#0759a5;font-size:19px;letter-spacing:-.4px;line-height:1.3}.jf-header-brand small{display:block;font-size:11px;color:var(--jf-muted);margin-top:3px}.jf-header-right{display:flex;align-items:center;gap:24px;margin-left:auto}.jf-role-badge{color:#627a8a;background:#f2f6f8;padding:6px 12px;border:1px solid #e5edef;border-radius:7px;font-size:10px;font-weight:700;letter-spacing:1.2px}
.jf-account{position:relative}.jf-account summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none;font-size:13px;font-weight:600}.jf-account summary::-webkit-details-marker,.jf-nav-dropdown summary::-webkit-details-marker{display:none}.jf-avatar{width:36px;height:36px;background:#edf5ed;color:#168346;display:grid;place-items:center;border:1px solid #d9eada;border-radius:12px;font-weight:750}.jf-account-menu{position:absolute;top:52px;right:0;width:200px;background:#fff;border:1px solid var(--jf-line);border-radius:14px;padding:8px;box-shadow:0 15px 50px #17384b20}.jf-account-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--jf-ink);text-decoration:none}.jf-account-menu a:hover{background:#f2f6f8}.jf-account-menu hr{margin:6px}
.jf-sidebar{position:fixed;top:var(--jf-header);bottom:0;left:0;width:var(--jf-sidebar);z-index:1030;overflow:auto;overscroll-behavior:contain;background:#fff;border-right:1px solid var(--jf-line);padding:24px 18px;scrollbar-width:thin;scrollbar-color:#d7e3e8 transparent}.jf-sidebar-intro{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b919b;padding:0 10px 20px}.jf-online-dot{width:6px;height:6px;border-radius:50%;background:#27a061;box-shadow:0 0 0 3px #edf8f1}.jf-nav-group{margin-bottom:24px}.jf-nav-label{padding:0 12px;margin-bottom:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#91a1ad}.jf-nav-link{display:flex!important;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;color:#486172!important;text-decoration:none!important;font-weight:550;font-size:13px;margin-bottom:3px;cursor:pointer;list-style:none;transition:background .15s,color .15s}.jf-nav-link i{font-size:17px;width:20px;text-align:center;color:#7b919e;flex-shrink:0}.jf-nav-link:hover{background:#f3f7f8;color:#0759a5!important}.jf-nav-link.is-active{color:#0759a5!important;background:#edf4fc;font-weight:700;box-shadow:inset 3px 0 #0759a5}.jf-nav-link.is-active i{color:#0759a5}.jf-nav-link.is-parent-active{color:#0759a5!important}.jf-chevron{margin-left:auto;transition:transform .18s}.jf-nav-dropdown[open]>.jf-nav-link .jf-chevron{transform:rotate(180deg)}.jf-subnav{border-left:1px solid #dfe9ee;margin:4px 12px 10px 22px;padding-left:16px}.jf-subnav a{display:block;padding:9px 12px;font-size:12px;color:#718795;text-decoration:none;border-radius:8px;margin-bottom:2px}.jf-subnav a:hover,.jf-subnav a.is-active{background:#f0f7f3;color:#188745;font-weight:650}.jf-nav-new{font-size:8px;letter-spacing:1px;margin-left:auto;color:#168647;background:#e8f6ec;padding:1px 6px;border-radius:4px}.jf-sidebar-help{background:linear-gradient(135deg,#f0f7f3,#f4f8fc);padding:16px;border:1px solid #e6efeb;border-radius:14px;font-size:11px;margin-top:8px}.jf-sidebar-help a{display:inline-block;color:#188745;margin-top:8px;font-weight:650;text-decoration:none}.jf-signout{margin-top:16px;color:#8b6670!important}.jf-menu-toggle,.jf-menu-close{display:none}.jf-nav-backdrop{display:none}
body[data-panel] main.container-fluid{width:calc(100% - var(--jf-sidebar));margin:0 0 0 var(--jf-sidebar)!important;padding:calc(var(--jf-header) + 28px) 32px 42px!important;min-height:100dvh}body[data-panel] main>.container{max-width:1440px;padding:0!important}body[data-panel] h1{font-size:27px;font-weight:750;letter-spacing:-.9px;line-height:1.3;margin-bottom:24px!important}body[data-panel] h2,body[data-panel] h4,body[data-panel] h5{letter-spacing:-.3px;font-weight:650}body[data-panel] .text-muted{color:var(--jf-muted)!important}body[data-panel] .card,body[data-panel] .card-soft{border:1px solid var(--jf-line)!important;border-top:1px solid var(--jf-line)!important;border-radius:18px!important;box-shadow:0 3px 18px #15364b04!important;overflow:hidden}body[data-panel] .card-soft.p-4{padding:28px!important}body[data-panel] .form-label{font-size:12px;font-weight:650;color:#466173;margin-bottom:8px}body[data-panel] .form-control,body[data-panel] .form-select{border:1px solid #dce6eb;border-radius:9px;min-height:46px;padding:10px 13px;font-size:14px!important;background-color:#fbfdfe;color:#25465b}body[data-panel] textarea.form-control{min-height:100px}body[data-panel] .form-control:focus,body[data-panel] .form-select:focus{background:#fff;border-color:#83b0d8;box-shadow:0 0 0 3px #0759a510}body[data-panel] .form-control::placeholder{color:#9aabb7;font-size:12px}body[data-panel] .btn{min-height:44px;padding:10px 18px;border-radius:9px;font-size:12px;font-weight:650;display:inline-flex;gap:8px;align-items:center;justify-content:center;line-height:1.4;transition:transform .15s,background .15s}body[data-panel] .btn:hover{transform:translateY(-1px)}body[data-panel] .btn-primary{background:#0759a5!important;border-color:#0759a5!important;box-shadow:0 4px 10px #0759a512!important}body[data-panel] .btn-success{background:#188745!important;border-color:#188745!important}body[data-panel] .btn-outline-primary{border-color:#cfdeef;background:#f8fbff;color:#0759a5}body[data-panel] .btn-outline-success{border-color:#d3e8dc;background:#f6fbf8;color:#188745}body[data-panel] .btn-sm{min-height:36px;padding:8px 12px;font-size:11px}body[data-panel] .alert{border-radius:12px;padding:16px 20px;font-size:13px}body[data-panel] .alert-success{background:#eef8f2;border:1px solid #d4ebdd;color:#256746}body[data-panel] .alert-info{background:#eff6fc;border:1px solid #dce9f6;color:#315d80}body[data-panel] .table{font-size:12px;margin-bottom:0!important;--bs-table-bg:transparent;--bs-table-striped-bg:#f9fbfc}body[data-panel] .table th{background:#f5f8fa!important;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#7b909e!important;border-bottom:1px solid #e7eef2;padding:15px 16px;font-weight:650}body[data-panel] .table td{padding:17px 16px;border-color:#edf1f4;vertical-align:middle;color:#486274}body[data-panel] .table tbody tr:hover{background:#fafcfd}body[data-panel] .table-responsive{border:1px solid #edf1f4;border-radius:12px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}body[data-panel] .table td .form-control{min-width:140px}body[data-panel] .table td .btn{white-space:nowrap}.jf-eyebrow{color:#168647;font-size:10px;font-weight:750;letter-spacing:1.5px;margin-bottom:12px}.jf-balance-feature{padding:32px;border-radius:18px;background:linear-gradient(140deg,#0759a5,#07386c);color:#fff;position:relative;overflow:hidden}.jf-balance-feature::after{content:'';position:absolute;width:180px;height:180px;border:30px solid #ffffff08;border-radius:50%;right:-65px;bottom:-65px;pointer-events:none}.jf-balance-feature .jf-eyebrow{color:#b4d7f2}.jf-balance-feature p{color:#c2d8ed;font-size:13px}.jf-info-banner{border:1px solid #dbe9ef;background:#f0f7fa;padding:20px 24px;border-radius:14px;display:flex;gap:16px;align-items:center;font-size:13px}.jf-info-banner>i{font-size:26px;color:#0759a5}.jf-status{display:inline-flex;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:700;letter-spacing:.3px}.jf-status-pending{background:#fff6df;color:#a87919}.jf-status-approved{background:#eaf7ef;color:#24814a}.jf-status-rejected{background:#fff0ef;color:#ba5b54}.jf-empty{text-align:center!important;padding:42px 16px!important;color:#91a1ad!important}.jf-review-form{min-width:220px}.jf-mobile-footer{display:none}body[data-panel] .mobile-footer{display:none!important}
@media(min-width:1600px){body[data-panel] main.container-fluid{padding-left:48px!important;padding-right:48px!important}}
@media(max-width:1023.98px){:root{--jf-header:76px}.jf-header{padding:0 18px;gap:12px}.jf-header-brand{gap:10px}.jf-header-brand img{width:44px;height:48px}.jf-header-brand strong{font-size:16px}.jf-header-brand small{font-size:9px}.jf-role-badge{display:none}.jf-header-right{gap:10px}.jf-menu-toggle{display:grid;place-items:center;min-height:40px;width:40px;border:1px solid #e5edef;border-radius:10px;background:#fff;color:#31586b;flex-shrink:0}.jf-menu-close{display:block;margin-left:auto;border:0;background:#f1f5f7;color:#486172;font-size:24px;line-height:1;min-height:32px;width:32px;border-radius:8px}.jf-sidebar{top:0;bottom:0;z-index:1060;width:min(310px,86vw);transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 80px #12324a18;padding-top:22px}.jf-nav-backdrop{position:fixed;inset:0;border:0;background:#0e2e4c70;backdrop-filter:blur(2px);z-index:1050}.jf-nav-open .jf-sidebar{transform:translateX(0)}.jf-nav-open .jf-nav-backdrop{display:block}.jf-nav-open{overflow:hidden!important}.jf-nav-open .jf-sidebar{visibility:visible}.jf-sidebar:not(:focus-within){visibility:hidden}.jf-nav-open .jf-sidebar{visibility:visible}body[data-panel] main.container-fluid{width:100%;margin:0!important;padding:calc(var(--jf-header) + 22px) 20px 110px!important}body[data-panel] h1{font-size:24px}.jf-mobile-footer{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5edef;padding:10px 10px max(10px,env(safe-area-inset-bottom));z-index:1020;box-shadow:0 -4px 25px #15364b05}.jf-mobile-footer a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8a9eaa;text-decoration:none;font-size:9px;font-weight:600}.jf-mobile-footer a i{font-size:19px;line-height:1.3}.jf-mobile-footer a.is-active{color:#0759a5}.jf-mobile-footer a.is-active i{color:#0759a5}}
@media(max-width:575px){.jf-header{padding:0 12px;gap:9px}.jf-header-brand strong{font-size:14px}.jf-header-brand small{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.jf-header-brand img{width:38px;height:44px}.jf-account-label,.jf-account summary>svg{display:none}.jf-account summary{gap:0}.jf-avatar{height:32px;width:32px;font-size:11px;border-radius:10px}.jf-menu-toggle{width:34px;min-height:36px;border:0;background:#f6f8fa}body[data-panel] main.container-fluid{padding-left:14px!important;padding-right:14px!important}body[data-panel] h1{font-size:22px}body[data-panel] .card-soft.p-4{padding:20px!important}body[data-panel] .card-soft.p-3{padding:14px!important}body[data-panel] .table{font-size:11px}body[data-panel] .table th,body[data-panel] .table td{padding:13px 12px}body[data-panel] .btn{min-height:44px}.jf-balance-feature{padding:24px}.jf-info-banner{padding:16px}.jf-header-brand span{min-width:0}.jf-header-brand{min-width:0}}

/* Foundation palette, shared by the desktop sidebar and mobile drawer. */
body[data-panel] .jf-sidebar{background:linear-gradient(165deg,#123f63 0%,#102f4c 58%,#144d59 100%);border-right-color:#224f6c;scrollbar-color:#52758d transparent}
.jf-sidebar .jf-sidebar-intro{color:#c4dbe7}.jf-sidebar .jf-nav-label{color:#9bbdd0}.jf-sidebar .jf-online-dot{background:#67e2ac;box-shadow:0 0 0 3px #ffffff12}
.jf-sidebar .jf-nav-link{color:#e0edf5!important}.jf-sidebar .jf-nav-link i{color:#a6cde1}.jf-sidebar .jf-nav-link:hover{background:#ffffff12;color:#fff!important}.jf-sidebar .jf-nav-link.is-active{background:#e3f2ff;color:#07549a!important;box-shadow:inset 4px 0 #f3b544,0 4px 14px #061e3520}.jf-sidebar .jf-nav-link.is-active i{color:#07549a}.jf-sidebar .jf-nav-link.is-parent-active{background:#ffffff0d;color:#fff!important}
.jf-sidebar .jf-subnav{border-color:#ffffff29}.jf-sidebar .jf-subnav a{color:#c3dce9}.jf-sidebar .jf-subnav a:hover,.jf-sidebar .jf-subnav a.is-active{background:#dff5eb;color:#166541}.jf-sidebar .jf-sidebar-help{background:#ffffff0c;border-color:#ffffff21;color:#d9eaf2}.jf-sidebar .jf-sidebar-help a{color:#8ee5bd}.jf-sidebar .jf-signout{color:#ffd0cc!important}.jf-sidebar .jf-menu-close{background:#ffffff18;color:#fff}
body[data-panel] .jf-dashboard-welcome{background:linear-gradient(115deg,#e7f3ff,#f0faf5 70%,#fff7e8);border-color:#d1e5ed!important}
body[data-panel] .jf-stat-card{position:relative;background:linear-gradient(120deg,var(--stat-bg),var(--stat-end));border-color:var(--stat-border)!important;border-top:3px solid var(--stat-accent)!important;box-shadow:0 5px 18px #15364b06!important;isolation:isolate}
.jf-stat-card::after{content:'';position:absolute;right:-20px;bottom:-35px;width:110px;height:110px;border:18px solid var(--stat-accent);opacity:.07;border-radius:50%;z-index:-1;pointer-events:none}
.jf-dashboard-stats>div:nth-child(6n+1){--stat-bg:#e7f2ff;--stat-end:#f5f9ff;--stat-border:#cee1f6;--stat-accent:#2675bc}
.jf-dashboard-stats>div:nth-child(6n+2){--stat-bg:#e5f6ed;--stat-end:#f4fcf7;--stat-border:#cce9d8;--stat-accent:#21895d}
.jf-dashboard-stats>div:nth-child(6n+3){--stat-bg:#fff3dc;--stat-end:#fffbf3;--stat-border:#f0dfba;--stat-accent:#b17a1c}
.jf-dashboard-stats>div:nth-child(6n+4){--stat-bg:#f0eaff;--stat-end:#faf7ff;--stat-border:#dfd4f3;--stat-accent:#8257b6}
.jf-dashboard-stats>div:nth-child(6n+5){--stat-bg:#e1f5f7;--stat-end:#f3fcfc;--stat-border:#c6e7ea;--stat-accent:#16818c}
.jf-dashboard-stats>div:nth-child(6n+6){--stat-bg:#ffebe8;--stat-end:#fff7f5;--stat-border:#f2d5cf;--stat-accent:#bb6654}
body[data-panel] .jf-stat-card h2{color:#385366;line-height:1.4}body[data-panel] .jf-stat-card .h4,body[data-panel] .jf-stat-card .h3{color:#15364b;font-weight:700;overflow-wrap:anywhere}
.jf-wallet-overview>div{padding-top:12px;padding-bottom:12px;border-left:3px solid #82b6db}.jf-wallet-overview>div:nth-child(2){border-color:#70b995}.jf-wallet-overview>div:nth-child(3){border-color:#ac92d1}.jf-wallet-overview>div:nth-child(4){border-color:#dfb05f}.jf-wallet-overview strong{font-size:20px;color:#173f59;overflow-wrap:anywhere}
@media(max-width:1023.98px){.jf-mobile-footer{background:#123b5a;border-top-color:#2c5670}.jf-mobile-footer a{color:#bfd5e3}.jf-mobile-footer a.is-active,.jf-mobile-footer a.is-active i{color:#ffcf78}}
.jf-profile-monogram{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border-radius:20px;background:#0759a5;color:white;font-size:28px;font-weight:700}.jf-profile-locked{display:inline-block;margin-left:6px;color:#527360;font-size:10px}body[data-panel] input[readonly]{background:#eef3f5;color:#526977;border-style:dashed}.jf-autopool-grid .jf-stat-card{display:flex;flex-direction:column;gap:4px}.jf-autopool-grid progress{height:10px;accent-color:var(--stat-accent)}.jf-autopool-grid .badge{padding:7px 10px;border-radius:7px}.jf-autopool-grid .jf-stat-card>a{padding-top:12px;font-weight:650}.jf-autopool-grid .jf-eyebrow{color:var(--stat-accent);margin-bottom:4px}
.jf-payment-details dt{font-size:11px;font-weight:650;color:#587386;margin-bottom:4px}.jf-payment-details dd{font-size:15px;font-weight:650;color:#15364b;overflow-wrap:anywhere;margin:0}.jf-payment-qr{background:#fff;border:1px solid #dce7ed;border-radius:16px;padding:16px;width:100%;max-width:240px;margin-inline:auto}.jf-payment-qr img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}@media(max-width:575px){.jf-payment-details dd{font-size:14px}.jf-payment-qr{max-width:220px}}
.jf-share-options{padding:20px;background:#f3f8fc;border:1px solid #dce9f2;border-radius:14px}.jf-share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.jf-share-grid a,.jf-share-grid button{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce7ef;border-radius:10px;background:#fff;color:#234d67;text-decoration:none;font:inherit;font-size:12px;font-weight:650;text-align:left;min-height:44px}.jf-share-grid a:hover,.jf-share-grid button:hover{background:#e7f2fc;border-color:#90b7d8}.jf-share-grid i{font-size:18px;color:#0759a5}.jf-share-grid .bi-whatsapp{color:#188745}.jf-share-options[hidden],.jf-share-grid [hidden]{display:none!important}
.jf-earnings-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.jf-earnings-pagination .page-link{min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;color:#0759a5}.jf-earnings-pagination .page-item.active .page-link{background:#0759a5;border-color:#0759a5;color:#fff}.jf-earnings-pagination .page-item.disabled .page-link{color:#8294a1}@media(max-width:575px){.jf-earnings-pagination{align-items:flex-start;flex-direction:column}.jf-earnings-pagination .page-link{min-height:40px;min-width:32px;padding:8px}}
.jf-package-table select{min-width:190px}.jf-package-table input[name=name]{min-width:180px}.jf-package-table .form-control{min-width:130px}

.jf-member-count{border:1px solid #cfe1f0;background:#eaf3fc;color:#0759a5;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:700;white-space:nowrap}.jf-member-filters{padding:18px;background:#f6f9fc;border:1px solid #e5edf3;border-radius:14px}.jf-member-avatar{width:36px;height:36px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#e4effb;color:#0759a5;font-weight:700}.jf-members-table{min-width:1020px}.jf-members-table tbody tr:nth-child(even){background:#f8fbfd}.jf-members-table tbody tr:hover{background:#edf5fc!important}body[data-panel] .jf-members-table td{padding:16px 14px}.jf-members-table td:nth-child(2){min-width:205px}.jf-member-email{max-width:200px;overflow-wrap:anywhere}.jf-members-scroll{max-height:760px}.jf-members-table th{position:sticky;top:0;z-index:1}.jf-members-table .btn{white-space:nowrap}@media(max-width:575px){.jf-member-filters{padding:12px}.jf-member-count{padding:7px 10px}.jf-members-scroll{max-height:65vh}}
.jf-withdrawal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.jf-withdrawal-toolbar>div:first-child{flex:1;min-width:220px}.jf-withdrawal-toolbar strong{color:#0759a5}.withdrawal-select,#withdrawal-select-all{width:18px;height:18px;cursor:pointer}.jf-withdrawal-toolbar .btn:disabled{opacity:.5;transform:none}@media(max-width:575px){.jf-withdrawal-toolbar>div:last-child{width:100%}.jf-withdrawal-toolbar .btn{flex:1 1 140px}}
/* Member dashboard metrics: keep the full color surface above the shared white-card theme. */
body[data-panel="user"] .jf-member-metrics .jf-stat-card{background:linear-gradient(125deg,var(--metric-start),var(--metric-end))!important;border:1px solid var(--metric-border)!important;border-top:1px solid var(--metric-border)!important;padding:22px!important;min-height:156px;box-shadow:0 6px 18px #15364b09!important}
.jf-member-metrics>div:nth-child(1){--metric-start:#d6eaff;--metric-end:#e9f4ff;--metric-border:#b5d6f5;--metric-ink:#124f89}
.jf-member-metrics>div:nth-child(2){--metric-start:#d5f1e2;--metric-end:#e9f9ef;--metric-border:#b3dfc6;--metric-ink:#176241}
.jf-member-metrics>div:nth-child(3){--metric-start:#ffebbd;--metric-end:#fff5de;--metric-border:#edcf8c;--metric-ink:#795111}
.jf-member-metrics>div:nth-child(4){--metric-start:#e6dcff;--metric-end:#f2ebff;--metric-border:#cfc0f1;--metric-ink:#634094}
.jf-member-metrics>div:nth-child(5){--metric-start:#cfeff1;--metric-end:#e5f8f9;--metric-border:#a9dce0;--metric-ink:#14606b}
.jf-member-metrics>div:nth-child(6){--metric-start:#ffddd4;--metric-end:#fff0e9;--metric-border:#efc2b6;--metric-ink:#914b39}
.jf-metric-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px;position:relative;z-index:1}.jf-metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex-shrink:0;background:#ffffffa6;color:var(--metric-ink);box-shadow:0 2px 6px #15364b05;font-size:19px}body[data-panel] .jf-member-metrics h2{color:var(--metric-ink);font-size:13px;line-height:1.45}body[data-panel] .jf-member-metrics .jf-metric-value{color:var(--metric-ink);font-size:clamp(21px,2vw,29px);line-height:1.25;letter-spacing:-.6px;font-variant-numeric:tabular-nums;position:relative;z-index:1}.jf-member-metrics .jf-stat-card::after{width:130px;height:130px;right:-28px;bottom:-50px;border-width:22px;opacity:.09}
@media(max-width:575px){body[data-panel="user"] .jf-member-metrics .jf-stat-card{padding:16px!important;min-height:158px}.jf-metric-heading{flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:12px}.jf-metric-icon{width:32px;height:32px;border-radius:10px;font-size:17px}body[data-panel] .jf-member-metrics h2{font-size:11px}body[data-panel] .jf-member-metrics .jf-metric-value{font-size:20px;letter-spacing:-.5px}}
.jf-dashboard-guides a,.jf-dashboard-guides a:hover,.jf-dashboard-guides a:focus{text-decoration:none}
/* Strong foundation colors across member and admin portals. */
body[data-panel] .jf-dashboard-welcome{background:linear-gradient(115deg,#103d65,#116044)!important;color:#fff;border-color:#164d67!important}
body[data-panel] .jf-dashboard-welcome h2,body[data-panel] .jf-dashboard-welcome p{color:#fff!important}
body[data-panel] .jf-dashboard-welcome .btn-outline-primary{background:#fff;color:#0759a5;border-color:#fff}
body[data-panel] .jf-dashboard-welcome .btn-outline-primary:hover,body[data-panel] .jf-dashboard-welcome .btn-outline-primary:focus-visible,body[data-panel] .jf-dashboard-welcome .btn-outline-primary:active{background:#0759a5;color:#fff;border-color:#fff}
body[data-panel] .jf-stat-card,body[data-panel="user"] .jf-member-metrics .jf-stat-card{background:linear-gradient(125deg,var(--strong-start,#0759a5),var(--strong-end,#123e69))!important;color:#fff;border-color:var(--strong-start,#0759a5)!important;overflow:hidden}
.jf-dashboard-stats>div:nth-child(6n+1){--strong-start:#0759a5;--strong-end:#123d72}
.jf-dashboard-stats>div:nth-child(6n+2){--strong-start:#147343;--strong-end:#09553d}
.jf-dashboard-stats>div:nth-child(6n+3){--strong-start:#955707;--strong-end:#724009}
.jf-dashboard-stats>div:nth-child(6n+4){--strong-start:#6840a6;--strong-end:#442879}
.jf-dashboard-stats>div:nth-child(6n+5){--strong-start:#087583;--strong-end:#075260}
.jf-dashboard-stats>div:nth-child(6n+6){--strong-start:#ae452d;--strong-end:#7f2f28}
body[data-panel] .jf-stat-card h2,body[data-panel] .jf-stat-card .h4,body[data-panel] .jf-stat-card .h3,body[data-panel] .jf-member-metrics h2,body[data-panel] .jf-member-metrics .jf-metric-value{color:#fff!important}
body[data-panel] .jf-stat-card p,body[data-panel] .jf-stat-card a,body[data-panel] .jf-stat-card .jf-eyebrow{color:#fff}
.jf-member-metrics .jf-metric-icon{background:#ffffff22;color:#fff}.jf-stat-card::after{border-color:#fff;opacity:.12}
body[data-panel] .jf-dashboard-guides .card{border-top:4px solid #0759a5!important}.jf-welcome-letter{border-left:5px solid #147343!important}
body[data-panel] .text-muted{color:#526576!important}body[data-panel] .table th{background:#17496d!important;color:#fff!important}
body[data-panel] .jf-stat-card .text-muted{color:#fff!important}
body[data-panel] .jf-sidebar .jf-nav-link.is-active{background:#0759a5;color:white!important}body[data-panel] .jf-sidebar .jf-nav-link.is-active i{color:#fff}

/* Keep member records readable on desktop and mobile without shrinking table text. */
body[data-panel="user"]{font-size:15px}
body[data-panel="user"] .table{font-size:15px;line-height:1.6}
body[data-panel="user"] .table th{font-size:13px;letter-spacing:.3px}
body[data-panel="user"] .table td{color:#29485e}
body[data-panel="user"] main small,body[data-panel="user"] main .small{font-size:14px;line-height:1.6}
body[data-panel="user"] main .badge{font-size:13px;line-height:1.4;white-space:normal}
body[data-panel="user"] .form-label,body[data-panel="user"] .btn{font-size:14px}
body[data-panel="user"] .form-control,body[data-panel="user"] .form-select{font-size:16px!important}
body[data-panel="user"] .form-control::placeholder{font-size:14px}
body[data-panel="user"] .alert,body[data-panel="user"] .jf-info-banner{font-size:15px}
body[data-panel="user"] .jf-payment-details dt{font-size:13px}
body[data-panel="user"] .jf-member-metrics h2{font-size:14px}
@media(max-width:575px){body[data-panel="user"] .table th,body[data-panel="user"] .table td{padding:14px 12px}body[data-panel="user"] .jf-member-metrics h2{font-size:13px}}