/* JB Technologies — standalone admin-panel showcase */
.jb-admin-showcase{background:#f6f9ff;color:#0b2142;font-family:Inter,ui-sans-serif,system-ui,sans-serif;padding:clamp(60px,8vw,122px) 20px;overflow:hidden;isolation:isolate}
.jb-as-shell{max-width:1190px;margin:0 auto}.jb-as-intro{max-width:800px}.jb-as-kicker{font-size:11px;font-weight:750;letter-spacing:.23em;color:#376aa8;display:flex;align-items:center;gap:10px}.jb-as-dot,.jb-as-topline-status i{display:inline-block;width:8px;height:8px;background:#327dd1;border-radius:50%;box-shadow:0 0 0 5px #e0ecff}.jb-as-intro h2{font-size:clamp(35px,5.5vw,77px);line-height:1.02;letter-spacing:-.061em;font-weight:800;margin:25px 0;color:#071d3c}.jb-as-intro h2 span{color:#4674a9}.jb-as-intro>p{font-size:clamp(15px,1.5vw,18px);line-height:1.8;color:#637590;max-width:690px}.jb-as-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.jb-as-pills span{font-size:12px;color:#234467;padding:8px 13px;background:white;border:1px solid #dce6f3;border-radius:99px}
.jb-as-demo-wrap{margin-top:55px}.jb-as-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;color:#7b8ba3;margin-bottom:14px}.jb-as-topline-status{display:flex;align-items:center;gap:12px;color:#285a94;font-size:10px;font-weight:800;letter-spacing:.18em}.jb-as-window{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:505px;border-radius:19px;overflow:hidden;background:#fff;border:1px solid #d9e4f1;box-shadow:0 40px 100px -50px #526f98}.jb-as-sidebar{background:#0b2346;color:#e4f0fc;padding:23px 15px;display:flex;flex-direction:column;gap:32px}.jb-as-mark{padding-left:10px;display:flex;gap:10px;align-items:center}.jb-as-mark strong{font-size:26px;letter-spacing:-.08em}.jb-as-mark strong span{color:#6cb0ff}.jb-as-mark small{font-size:8px;letter-spacing:.2em;color:#a8bdd8}.jb-as-space-label{color:#7798bd;font-weight:700;font-size:9px;letter-spacing:.18em;margin:4px 10px -20px}.jb-as-nav{display:grid;gap:5px}.jb-as-nav button{cursor:pointer;text-align:left;border:0;border-radius:8px;background:transparent;color:#b2c6e0;font-family:inherit;font-size:12px;display:flex;align-items:center;gap:12px;padding:12px 10px;transition:background .2s,color .2s,transform .2s}.jb-as-nav button:hover,.jb-as-nav button:focus-visible{background:#244a76;color:white}.jb-as-nav button.is-active{background:#295a91;color:#fff}.jb-as-nav button>span{font-size:17px;width:20px;text-align:center}.jb-as-nav button i{font-style:normal;font-size:10px;margin-left:auto;background:#3a628e;color:#eaf2ff;padding:2px 6px;border-radius:10px}.jb-as-sidebar-foot{margin-top:auto;padding:16px 5px 2px;border-top:1px solid #284464;display:flex;gap:10px;align-items:center}.jb-as-avatar,.jb-as-user-icon{width:32px;height:32px;display:grid;place-items:center;background:#e1eeff;color:#235385;border-radius:10px;font-size:11px;font-weight:750}.jb-as-sidebar-foot b,.jb-as-sidebar-foot small{display:block}.jb-as-sidebar-foot b{font-size:10px}.jb-as-sidebar-foot small{font-size:9px;color:#8fabce;margin-top:3px}
.jb-as-content{min-width:0;padding:25px 29px}.jb-as-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.jb-as-breadcrumb{color:#9aa9b8;font-size:10px}.jb-as-breadcrumb span{margin:0 7px}.jb-as-breadcrumb b{color:#41628b;font-weight:650}.jb-as-header h3{font-size:24px;margin:11px 0 4px;letter-spacing:-.045em;color:#102b4f;font-weight:760}.jb-as-header p{font-size:11px;margin:0;color:#8b99ab}.jb-as-header-actions{display:flex;gap:12px;align-items:center}.jb-as-date{padding:9px 13px;background:#f7fafd;border:1px solid #e4edf6;border-radius:8px;color:#72839c;font-size:10px}.jb-as-metrics{margin-top:27px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.jb-as-metric{border:1px solid #e2ebf5;border-radius:11px;padding:14px;background:#fbfdff;min-width:0}.jb-as-metric span{font-size:10px;color:#8291a7;display:flex;justify-content:space-between}.jb-as-metric span b{font-size:11px;color:#54a08a}.jb-as-metric strong{font-size:clamp(18px,2.1vw,29px);display:block;margin:10px 0 6px;letter-spacing:-.045em;color:#183556}.jb-as-metric small{font-size:9px;color:#57a488}.jb-as-data-grid{margin-top:18px;display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.jb-as-graph-card,.jb-as-activity-card{min-width:0;border:1px solid #e3ebf4;border-radius:12px;padding:19px;background:#fff}.jb-as-card-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.jb-as-card-head h4{margin:0 0 5px;color:#193455;font-size:12px;font-weight:720}.jb-as-card-head p{font-size:9px;color:#98a5b5;margin:0}.jb-as-mini-toggle{font-size:9px;background:#f5f8fc;color:#7890a9;padding:7px;border-radius:6px}.jb-as-chart{height:150px;margin-top:18px;display:flex;gap:8px;background:repeating-linear-gradient(to top,#e8eff6 0 1px,transparent 1px 39px)}.jb-as-chart-labels{height:100%;display:flex;flex-direction:column;justify-content:space-between;white-space:nowrap;font-size:9px;color:#a1aebe;padding-bottom:5px}.jb-as-chart-bars{display:flex;align-items:end;justify-content:space-around;gap:12px;flex:1;padding:0 6px}.jb-as-chart-bars i{background:linear-gradient(180deg,#4e9bde,#c9e7ff);display:block;max-width:33px;flex:1;height:var(--h);border-radius:5px 5px 0 0;transform-origin:bottom;animation:jbAsGrow .85s both}.jb-as-chart-bars i:nth-child(2n){animation-delay:.13s}.jb-as-chart-bars i:nth-child(3n){animation-delay:.25s}.jb-as-months{margin-left:31px;display:flex;justify-content:space-around;color:#9dacbd;font-size:9px;padding-top:6px}.jb-as-ellipsis{font-size:20px;color:#7287a3}.jb-as-activity-list{margin-top:12px;display:grid}.jb-as-activity-list>div{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eef3f8}.jb-as-activity-list>div:last-child{border-bottom:0}.jb-as-miniavatar{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;background:#e8eff8;color:#355f8d;font-size:9px;font-weight:700}.jb-as-activity-list>div>span:nth-child(2){flex:1;min-width:0}.jb-as-activity-list b,.jb-as-activity-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jb-as-activity-list b{font-size:10px;color:#385372}.jb-as-activity-list small{margin-top:3px;font-size:9px;color:#9baabd}.jb-as-activity-list em{font-size:8px;padding:6px 8px;border-radius:20px;background:#e6f5ed;color:#328566;font-style:normal}.jb-as-activity-list em.is-pending{background:#fff4db;color:#ab7d29}.jb-as-demo-note{margin-top:18px;text-align:right;font-size:10px;color:#95a5b7}.jb-as-demo-note span{color:#347bbd}.jb-as-capabilities{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d7e4f2;border-radius:16px;overflow:hidden}.jb-as-capability{padding:27px 24px;background:#fff;border-right:1px solid #d7e4f2}.jb-as-capability:last-child{border:0}.jb-as-capability small{color:#4079b7;font-size:10px;letter-spacing:.18em}.jb-as-capability h3{font-size:15px;margin:21px 0 8px;line-height:1.35;color:#143258}.jb-as-capability p{color:#7083a0;font-size:12px;line-height:1.7;margin:0}.jb-as-footer{border-top:1px solid #dbe7f4;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#667f9e;font-size:14px}.jb-as-footer a{background:#0c2b51;color:white;text-decoration:none;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:700}.jb-as-footer a:hover{background:#1b62a2}.jb-as-demo-wrap [hidden]{display:none!important}
[data-as-reveal]{transition:opacity .7s ease,transform .7s ease}.jb-as-show-init [data-as-reveal]{opacity:0;transform:translateY(30px)}.jb-as-show-init [data-as-reveal].is-revealed{opacity:1;transform:none}@keyframes jbAsGrow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(max-width:1020px){.jb-as-window{grid-template-columns:170px minmax(0,1fr)}.jb-as-content{padding:21px}.jb-as-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-as-data-grid{grid-template-columns:1fr}.jb-as-sidebar{padding:20px 10px}.jb-as-capabilities{grid-template-columns:repeat(2,1fr)}.jb-as-capability:nth-child(2){border-right:0}.jb-as-capability:nth-child(-n+2){border-bottom:1px solid #d7e4f2}}
@media(max-width:620px){.jb-admin-showcase{padding:64px 15px}.jb-as-intro h2{font-size:38px}.jb-as-topline>span:last-child{display:none}.jb-as-window{grid-template-columns:1fr;min-height:0}.jb-as-sidebar{gap:10px;padding:12px 12px 7px}.jb-as-mark{display:none}.jb-as-space-label,.jb-as-sidebar-foot{display:none}.jb-as-nav{display:flex;gap:5px;overflow:auto;scrollbar-width:none;padding-bottom:4px}.jb-as-nav button{flex:none;padding:9px 11px;font-size:10px}.jb-as-nav button>span{display:none}.jb-as-content{padding:17px 12px}.jb-as-header h3{font-size:21px}.jb-as-date{display:none}.jb-as-metrics{gap:7px;margin-top:18px}.jb-as-metric{padding:12px}.jb-as-metric strong{font-size:21px}.jb-as-data-grid{gap:10px}.jb-as-graph-card,.jb-as-activity-card{padding:13px}.jb-as-demo-note{text-align:left}.jb-as-capabilities{margin-top:25px}.jb-as-capability{padding:19px 15px}.jb-as-capability h3{font-size:13px}.jb-as-capability p{font-size:11px}.jb-as-footer{align-items:flex-start;flex-direction:column}.jb-as-footer a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.jb-admin-showcase *, .jb-admin-showcase *::before,.jb-admin-showcase *::after{animation:none!important;transition:none!important}.jb-as-show-init [data-as-reveal]{opacity:1;transform:none}}


/* JB Technologies homepage Custom Admin showcase brand correction.
   Scoped to .jb-admin-showcase; load AFTER all existing stylesheets.
   Does not touch markup, state, events or GSAP. */
.jb-admin-showcase {
  --jb-as-ink:#2c2e34; --jb-as-charcoal:#24262b;
  --jb-as-gold:#d9903c; --jb-as-gold-dark:#a86621;
  --jb-as-cream:#fcf8f2; --jb-as-border:#e7dacc;
  background:#fcf8f2 !important; color:#2c2e34 !important;
}
.jb-admin-showcase .jb-as-shell {max-width:1190px;margin-inline:auto}
.jb-admin-showcase .jb-as-intro h2,
.jb-admin-showcase .jb-as-header h3,
.jb-admin-showcase .jb-as-card-head h4,
.jb-admin-showcase .jb-as-capability h3 {color:#2c2e34 !important}
.jb-admin-showcase .jb-as-intro h2 span {color:#b77732 !important}
.jb-admin-showcase .jb-as-kicker,
.jb-admin-showcase .jb-as-topline-status,
.jb-admin-showcase .jb-as-capability small {color:#a86621 !important}
.jb-admin-showcase .jb-as-dot,
.jb-admin-showcase .jb-as-topline-status i {background:#d9903c !important;box-shadow:0 0 0 5px #f6e4ce !important}
.jb-admin-showcase .jb-as-intro>p,
.jb-admin-showcase .jb-as-topline,
.jb-admin-showcase .jb-as-capability p,
.jb-admin-showcase .jb-as-footer {color:#68625b !important}
.jb-admin-showcase .jb-as-pills span {background:#fffdfa !important;border-color:#e7dacc !important;color:#594b39 !important}
.jb-admin-showcase .jb-as-window {background:#fffdfa !important;border-color:#e7dacc !important;box-shadow:0 32px 70px -42px rgba(58,43,24,.35) !important}
.jb-admin-showcase .jb-as-sidebar {background:#27292e !important;color:#fff8ef !important}
.jb-admin-showcase .jb-as-mark strong span {color:#e4a65e !important}
.jb-admin-showcase .jb-as-mark small,
.jb-admin-showcase .jb-as-space-label,
.jb-admin-showcase .jb-as-sidebar-foot small {color:#d0bda7 !important}
.jb-admin-showcase .jb-as-nav button {color:#e3d7c7 !important}
.jb-admin-showcase .jb-as-nav button:hover,
.jb-admin-showcase .jb-as-nav button:focus-visible {background:#4a433c !important;color:white !important}
.jb-admin-showcase .jb-as-nav button.is-active {background:#d9903c !important;color:#261b10 !important;font-weight:750}
.jb-admin-showcase .jb-as-nav button i {background:#66533c !important;color:#fff8ef !important}
.jb-admin-showcase .jb-as-sidebar-foot {border-color:#5a5047 !important}
.jb-admin-showcase .jb-as-avatar,
.jb-admin-showcase .jb-as-user-icon,
.jb-admin-showcase .jb-as-miniavatar {background:#f8ead6 !important;color:#6c4825 !important}
.jb-admin-showcase .jb-as-content {background:#fffdfa !important}
.jb-admin-showcase .jb-as-header p,
.jb-admin-showcase .jb-as-breadcrumb,
.jb-admin-showcase .jb-as-metric span,
.jb-admin-showcase .jb-as-card-head p,
.jb-admin-showcase .jb-as-chart-labels,
.jb-admin-showcase .jb-as-months,
.jb-admin-showcase .jb-as-activity-list small,
.jb-admin-showcase .jb-as-demo-note {color:#7b7065 !important}
.jb-admin-showcase .jb-as-breadcrumb b,
.jb-admin-showcase .jb-as-activity-list b {color:#2c2e34 !important}
.jb-admin-showcase .jb-as-date,
.jb-admin-showcase .jb-as-mini-toggle {background:#fcf8f2 !important;color:#695744 !important;border-color:#e7dacc !important}
.jb-admin-showcase .jb-as-metric,
.jb-admin-showcase .jb-as-graph-card,
.jb-admin-showcase .jb-as-activity-card {background:#fff !important;border-color:#e7dacc !important}
.jb-admin-showcase .jb-as-metric strong {color:#2c2e34 !important}
.jb-admin-showcase .jb-as-metric span b,
.jb-admin-showcase .jb-as-metric small {color:#976126 !important}
.jb-admin-showcase .jb-as-chart {background:repeating-linear-gradient(to top,#f0e6db 0 1px,transparent 1px 39px) !important}
.jb-admin-showcase .jb-as-chart-bars i {background:linear-gradient(180deg,#c58132,#e7b477 60%,#f6dfc4) !important}
.jb-admin-showcase .jb-as-ellipsis,
.jb-admin-showcase .jb-as-demo-note span {color:#a86621 !important}
.jb-admin-showcase .jb-as-activity-list>div {border-color:#efe5da !important}
.jb-admin-showcase .jb-as-activity-list em {background:#eaf3e8 !important;color:#3d663c !important}
.jb-admin-showcase .jb-as-activity-list em.is-pending {background:#fff0d9 !important;color:#795222 !important}
.jb-admin-showcase .jb-as-capabilities {border-color:#e7dacc !important}
.jb-admin-showcase .jb-as-capability {background:#fffdfa !important;border-color:#e7dacc !important}
.jb-admin-showcase .jb-as-footer {border-color:#e7dacc !important}
.jb-admin-showcase .jb-as-footer a {background:#2c2e34 !important;color:#fff !important;border-color:#2c2e34 !important}
.jb-admin-showcase .jb-as-footer a:hover {background:#9e6325 !important;border-color:#9e6325 !important}
.jb-admin-showcase :is(button,a):focus-visible {outline:2px solid #d9903c !important;outline-offset:3px}
@media (max-width:767px){.jb-admin-showcase{padding-inline:16px !important}.jb-admin-showcase .jb-as-window{max-width:100%}}


/* Brand-lock: avoid inherited older navy theme values within this component. */
.jb-admin-showcase .jb-as-sidebar,.jb-admin-showcase .jb-as-sidebar-foot{background-color:#292c31 !important}
.jb-admin-showcase .jb-as-nav button[aria-selected="true"],.jb-admin-showcase .jb-as-nav button.is-active,.jb-admin-showcase .jb-as-nav button.active{background:#bc7b31 !important;color:#fff !important}
.jb-admin-showcase .jb-as-intro h2 span,.jb-admin-showcase .jb-as-kicker{color:#b47732 !important}
.jb-admin-showcase .jb-as-metric strong,.jb-admin-showcase .jb-as-header h3{color:#292c31 !important}
.jb-admin-showcase .jb-as-graph-card :is(.bar,.jb-as-bar,.jb-as-chart-bar){background:linear-gradient(0deg,#a66726,#e7b979) !important}