/* JLJAM 7.18: immersive UX rollout. Fully self-contained enhancement; no remote dependencies. */
:root{--ux-violet:#bd91ff;--ux-cyan:#7fe4ff;--ux-glow:rgba(146,99,249,.34);--ux-surface:rgba(20,17,43,.9);--ux-edge:rgba(220,198,255,.22)}
#app .topbar{isolation:isolate}
#uxLaunch{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;border-radius:16px;color:#f7eeff;border:1px solid rgba(214,174,255,.47);background:linear-gradient(135deg,rgba(152,98,241,.37),rgba(59,83,171,.26));box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 22px rgba(106,73,215,.17);font:750 13px/1.1 system-ui;cursor:pointer;flex-shrink:0;white-space:nowrap}
#uxLaunch:hover,#uxLaunch:focus-visible{background:linear-gradient(135deg,rgba(175,113,255,.52),rgba(70,120,232,.32));box-shadow:0 0 0 2px rgba(177,143,255,.25),0 8px 27px #2010518a}
#uxLaunch .ux-spark{font-size:20px;filter:drop-shadow(0 0 10px #c883ff)}
#uxStudio{position:fixed;z-index:2147482000;inset:0;display:none;place-items:center;padding:clamp(10px,2.8vw,30px);background:rgba(3,4,16,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overscroll-behavior:contain}
#uxStudio.ux-open{display:grid}
#uxStudio *{box-sizing:border-box}
#uxStudio .ux-sheet{width:min(1050px,100%);max-height:min(89dvh,960px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;border-radius:clamp(19px,3vw,34px);padding:clamp(16px,3.5vw,30px);border:1px solid rgba(208,181,255,.33);box-shadow:0 40px 120px #000b,0 0 95px rgba(91,45,199,.22),inset 0 1px rgba(255,255,255,.19);background:radial-gradient(ellipse at 87% 0%,rgba(101,72,190,.35),transparent 48%),linear-gradient(140deg,rgba(28,22,58,.99),rgba(8,14,36,.99));color:#f8f4ff}
#uxStudio .ux-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#uxStudio .ux-kicker{font:750 10px/1.2 system-ui;letter-spacing:.22em;color:#b9c3ff;text-transform:uppercase}
#uxStudio h2{font:850 clamp(25px,4.1vw,43px)/1.08 system-ui;letter-spacing:-.055em;margin:8px 0}
#uxStudio p{color:#c8c4df;line-height:1.5;margin:4px 0 14px}
#uxStudio button{font-family:inherit;cursor:pointer;touch-action:manipulation}
#uxStudio .ux-close{flex:0 0 45px;width:45px;height:45px;border-radius:15px;border:1px solid #ffffff38;background:#ffffff14;color:white;font-size:22px}
#uxStudio .ux-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
#uxStudio .ux-query{flex:1 1 260px;display:flex;align-items:center;gap:10px;min-height:53px;background:#090e27d9;border-radius:15px;border:1px solid #a789dd66;padding:0 14px}
#uxStudio .ux-query input{min-width:0;width:100%;border:0;background:transparent;color:white;font:500 16px system-ui;outline:none}
#uxStudio .ux-query:focus-within{outline:2px solid #bd91ff}
#uxStudio .ux-btn{min-height:48px;padding:11px 15px;border:1px solid #a8a4e75c;color:#f2ebff;background:linear-gradient(135deg,#6b48b15c,#3d5e9c45);border-radius:14px;font-size:13px;font-weight:700}
#uxStudio .ux-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 10px;font:780 12px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#c7c9f1}
#uxStudio .ux-section-label small{color:#a7a4c8;font-size:11px;letter-spacing:0;text-transform:none;font-weight:500}
#uxStudio .ux-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
#uxStudio .ux-card{position:relative;overflow:hidden;min-height:128px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;text-align:left;padding:14px;border-radius:18px;border:1px solid rgba(196,182,248,.26);background:radial-gradient(circle at 80% 8%,rgba(177,131,252,.21),transparent 55%),linear-gradient(140deg,rgba(59,46,108,.67),rgba(22,29,58,.77));color:white;box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 22px #03051244;transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
#uxStudio .ux-card::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,transparent 35%,transparent 70%,#8f75ff12)}
#uxStudio .ux-card:hover,#uxStudio .ux-card:focus-visible{transform:translateY(-3px);border-color:#cba6ff;box-shadow:0 16px 32px #06041b88,0 0 30px #9963ec33}
#uxStudio .ux-card .ux-glyph{font-size:29px;line-height:1.1;filter:drop-shadow(0 0 14px #b179f577)}
#uxStudio .ux-card strong{font:790 clamp(13px,1.4vw,17px)/1.25 system-ui}
#uxStudio .ux-card small{font:500 11px/1.35 system-ui;color:#cac6e2;margin-top:3px}
#uxStudio .ux-card .ux-pin{position:absolute;right:8px;top:8px;z-index:1;border:0;border-radius:100%;min-width:27px;min-height:27px;background:#100e2b8f;color:#d5baff;font-size:15px}
#uxStudio .ux-card .ux-pin[aria-pressed=true]{color:#ffe6a0;background:#79601975}
#uxStudio .ux-artistline{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:4px 2px 13px;scrollbar-width:thin;touch-action:pan-x}
#uxStudio .ux-artist{flex:0 0 clamp(135px,19%,194px);height:152px;position:relative;overflow:hidden;border-radius:17px;border:1px solid #ae97ea5c;background:linear-gradient(145deg,#523a76,#15234b);display:flex;align-items:end;text-align:left;color:white;padding:12px;scroll-snap-align:start;box-shadow:inset 0 1px #ffffff3b}
#uxStudio .ux-artist img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;opacity:.88}
#uxStudio .ux-artist::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b071fe6,transparent 68%)}
#uxStudio .ux-artist span{z-index:1;position:relative;font:800 15px system-ui;text-shadow:0 1px 8px #000}
#uxStudio .ux-scroll-controls{display:flex;gap:6px}
#uxStudio .ux-scroll-controls button{min-width:40px;min-height:38px;border:1px solid #a0a2d766;border-radius:12px;background:#ffffff13;color:white;font-size:21px}
#uxStudio .ux-foot{border-top:1px solid #ffffff24;margin-top:10px;padding-top:12px;display:flex;gap:11px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#bcb9d3;font:500 11px system-ui}
#uxStudio .ux-empty{padding:18px 8px;color:#ded3f5}
#uxStudio :is(button,input):focus-visible{outline:3px solid #edd0ff;outline-offset:2px}
/* Original screens become a unified glossy app rather than a second dashboard. */
#app #view :is(.card,.deal-card,.show-card,.contact-card,.ej-step,.ej-tile,.ej-person){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:rgba(192,170,246,.27);box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 30px #05041b45}
#app #view :is(.card,.deal-card,.show-card,.contact-card){transition:border-color .2s,box-shadow .2s,transform .2s}
@media (hover:hover) and (pointer:fine){#app #view :is(.deal-card,.show-card,.contact-card):hover{border-color:#c5a5ff9c;box-shadow:inset 0 1px #ffffff30,0 15px 38px #160d49a8}}
#app #view :is(button,a,[role=button]){touch-action:manipulation}
@media(min-width:761px){#app #view .ej-portrait-showcase .ej-roster-strip{scroll-snap-type:x proximity;scroll-padding-inline:16px}#app #view .ej-portrait-showcase .ej-person{scroll-snap-align:start}}
@media(max-width:850px){#uxStudio .ux-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#uxStudio .ux-card{min-height:114px}#uxLaunch{padding:8px 10px}}
@media(max-width:600px){#uxStudio{padding:0;place-items:end center}#uxStudio .ux-sheet{max-height:94dvh;width:100%;border-radius:24px 24px 0 0;padding:19px 15px calc(20px + env(safe-area-inset-bottom,0px))}#uxStudio .ux-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#uxStudio .ux-card{min-height:112px}#uxStudio .ux-artist{flex-basis:46%;height:185px}#uxLaunch{min-width:44px;max-width:50px;padding:7px;font-size:0}#uxLaunch .ux-spark{font-size:23px}#app .mobile-dock{padding-bottom:max(6px,env(safe-area-inset-bottom,0px))}#app .shell{padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))!important}}
@media(prefers-reduced-motion:reduce){#uxStudio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body.ng-calm #uxStudio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}

#uxStudio .ux-card{padding:0}#uxStudio .ux-card-main{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;width:100%;min-height:128px;padding:15px;border:0;background:none;color:inherit}#uxStudio .ux-card-main:focus-visible{outline:3px solid #eed0ff;outline-offset:-3px}#uxStudio .ux-card .ux-pin{z-index:3}#uxStudio .ux-card-main > *{pointer-events:none}
#uxStudio,#uxStudio *{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
#uxStudio .ux-card-main strong,#uxStudio .ux-card-main small{display:block;width:100%;overflow-wrap:break-word}
#uxStudio .ux-card-main small{margin-top:5px}
#uxStudio .ux-card .ux-pin{font-family:system-ui}