/* Asia Jewellers All Apps — Colour Lift. Existing card geometry is retained. */
main.portal-shell{background:#fafaf8!important;overflow:visible}
main.portal-shell .portal-top h1{color:#101f43}
main.portal-shell .portal-user a{white-space:nowrap}
main.portal-shell .portal-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;overflow:visible}
main.portal-shell .portal-choice{
 --neon-a:#3387ff;--neon-b:#5667ee;--neon-ink:#315bba;--neon-rgb:51,135,255;
 position:relative;isolation:isolate;overflow:visible!important;
 background:transparent!important;border:1px solid transparent!important;border-top-width:4px!important;
 color:#172644!important;box-shadow:0 16px 24px -12px rgba(20,37,74,.24),0 5px 12px rgba(var(--neon-rgb),.12)!important;
 transform:perspective(1100px);transform-origin:center;
 --float-rise:-6px;--float-rest:2px;--float-pitch:1deg;
 transition:transform 180ms ease,box-shadow 180ms ease!important;
}
main.portal-shell .portal-choice::before{
 content:"";display:block!important;position:absolute;inset:0;width:auto;height:auto;top:0;right:0;
 border-radius:inherit;background:linear-gradient(125deg,var(--neon-a),var(--neon-b));
 transform:translate(5px,7px);z-index:-2;pointer-events:none;
 box-shadow:0 7px 17px rgba(var(--neon-rgb),.2);opacity:.92;
 transition:transform 180ms ease,box-shadow 180ms ease;
}
main.portal-shell .portal-choice::after{
 content:"";display:block!important;position:absolute;inset:-1px;width:auto;height:auto;top:-1px;right:-1px;
 border-radius:inherit;background:#fff;border:1px solid rgba(var(--neon-rgb),.66);
 z-index:-1;pointer-events:none;box-shadow:inset 0 0 12px rgba(var(--neon-rgb),.025);
}
main.portal-shell .portal-choice h2{color:#112443!important}
main.portal-shell .portal-choice p{color:#52637b!important}
main.portal-shell .portal-choice small,main.portal-shell .portal-choice>b{color:var(--neon-ink)!important}
main.portal-shell .portal-choice .portal-icon{
 background:rgba(var(--neon-rgb),.095)!important;color:var(--neon-ink)!important;
 box-shadow:none!important;border:1px solid rgba(var(--neon-rgb),.09);
}
main.portal-shell .portal-icon svg{display:block;width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
main.portal-shell .portal-choice>b{transition:transform 180ms ease}
main.portal-shell .portal-choice:focus-visible{outline:3px solid var(--neon-ink)!important;outline-offset:7px}
main.portal-shell .portal-choice:focus-visible{animation-play-state:paused!important}
main.portal-shell .portal-choice:active{transform:translateY(1px) scale(.995)!important}
main.portal-shell .portal-choice[href*="route=gold-rates"]{--neon-a:#ffbf28;--neon-b:#fa8c25;--neon-ink:#965500;--neon-rgb:255,168,30}
main.portal-shell .portal-choice[href*="route=complaints"]{--neon-a:#fb5592;--neon-b:#d72f7a;--neon-ink:#ac2c61;--neon-rgb:239,68,132}
main.portal-shell .portal-choice[href*="route=admin-overview"]{--neon-a:#598bff;--neon-b:#5c54e5;--neon-ink:#3659ad;--neon-rgb:89,129,249}
main.portal-shell .portal-choice[href*="route=approvals"]{--neon-a:#08d6b2;--neon-b:#00a8bd;--neon-ink:#007a72;--neon-rgb:6,187,162}
main.portal-shell .portal-choice[href*="route=team-access"]{--neon-a:#9f63ff;--neon-b:#cf51ef;--neon-ink:#7840b7;--neon-rgb:159,99,255}
main.portal-shell .portal-choice[href*="design-studio/"]{--neon-a:#49c5ff;--neon-b:#4e95ee;--neon-ink:#146eb2;--neon-rgb:73,181,245}
main.portal-shell .portal-choice.counter{--neon-a:#00d9ed;--neon-b:#2679ff;--neon-ink:#006db4;--neon-rgb:0,188,238}
main.portal-shell .portal-choice[href*="route=stock"]{--neon-a:#d95dfb;--neon-b:#8c43fb;--neon-ink:#8838b9;--neon-rgb:188,80,247}
main.portal-shell .portal-choice.tasks{--neon-a:#ff31b1;--neon-b:#f04a86;--neon-ink:#b32b75;--neon-rgb:248,49,159}
main.portal-shell .portal-choice[href*="route=orders"][href*="type=jewellery"]{--neon-a:#ffb137;--neon-b:#ff722a;--neon-ink:#a44f08;--neon-rgb:255,158,43}
main.portal-shell .portal-choice[href*="route=orders"][href*="type=repair"]{--neon-a:#27df9a;--neon-b:#00ad86;--neon-ink:#087b56;--neon-rgb:25,198,137}
main.portal-shell .portal-choice[href*="route=balance"]{--neon-a:#b4da35;--neon-b:#64bd42;--neon-ink:#557519;--neon-rgb:151,197,46}
main.portal-shell .portal-choice.kitty{--neon-a:#ff6a60;--neon-b:#ef4478;--neon-ink:#b73552;--neon-rgb:247,90,101}
main.portal-shell .portal-choice.silver{--neon-a:#6bb4d2;--neon-b:#929adf;--neon-ink:#3c6e91;--neon-rgb:113,170,205}
main.portal-shell .portal-choice.gold{--neon-a:#dfbd38;--neon-b:#c78a24;--neon-ink:#8a6514;--neon-rgb:209,167,44}
main.portal-shell .portal-choice[href*="product-studio.php"]{--neon-a:#9483ff;--neon-b:#5878de;--neon-ink:#6254af;--neon-rgb:140,124,241}
@media(hover:hover) and (pointer:fine){
 main.portal-shell .portal-choice:hover{transform:perspective(1100px) rotateX(1.2deg) rotateY(-1.2deg) translateY(-2px)!important;box-shadow:0 18px 28px -12px rgba(20,37,74,.28),0 7px 14px rgba(var(--neon-rgb),.16)!important}
 main.portal-shell .portal-choice:hover::before{transform:translate(5px,7px);box-shadow:0 9px 21px rgba(var(--neon-rgb),.27)}
 main.portal-shell .portal-choice:hover>b{transform:translateX(2px)}
}
@media(min-width:1600px){main.portal-shell .portal-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){main.portal-shell .portal-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){
 main.portal-shell .portal-choices{grid-template-columns:1fr!important;gap:14px!important}
 main.portal-shell .portal-choice{--float-rise:-4px;--float-rest:1px;--float-pitch:.7deg}
 main.portal-shell .portal-choice::before{transform:translate(3px,5px);box-shadow:0 5px 12px rgba(var(--neon-rgb),.16)}
 main.portal-shell .portal-icon svg{width:25px;height:25px}
}
@keyframes aj-card-float{
 0%,100%{translate:0 var(--float-rest);rotate:1 .35 .12 var(--float-pitch)}
 50%{translate:0 var(--float-rise);rotate:1 -.35 -.12 calc(-1 * var(--float-pitch))}
}
main.portal-shell .portal-choice:nth-child(3n+1){--float-duration:5.2s;--float-delay:-1.1s}
main.portal-shell .portal-choice:nth-child(3n+2){--float-duration:5.8s;--float-delay:-3.3s}
main.portal-shell .portal-choice:nth-child(3n){--float-duration:6.3s;--float-delay:-2.1s}
@keyframes aj-workspace-in{from{opacity:0;transform:translateY(7px) scale(.997)}to{opacity:1;transform:none}}
@keyframes aj-workspace-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:no-preference){
 main.portal-shell .portal-choice{animation:aj-card-float var(--float-duration,5.6s) ease-in-out infinite;animation-delay:var(--float-delay,0s);will-change:translate,rotate}
 main.portal-shell[data-neon-ready] .portal-choice:not([data-neon-visible]){animation-play-state:paused}
 main.portal-shell[data-neon-ready] .portal-choice[data-neon-visible]{animation-play-state:running}
 html[data-workspace-idle] main.portal-shell .portal-choice{animation-play-state:paused!important}
 html.aj-workspace-arriving body>.app-shell>.main,html.aj-workspace-arriving body>main{animation:aj-workspace-in 220ms ease-out both}
 ::view-transition-old(root){animation:aj-workspace-out 100ms ease-out both;mix-blend-mode:normal}
 ::view-transition-new(root){animation:aj-workspace-in 220ms cubic-bezier(.2,.7,.2,1) both;mix-blend-mode:normal}
}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){
 main.portal-shell .portal-choice,main.portal-shell .portal-choice::before,main.portal-shell .portal-choice>b{animation:none!important;transition:none!important;translate:none!important;rotate:none!important;will-change:auto!important}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}