/* JLJAM OS 7.16.0 | Aurora Studio: an optional artist spotlight and calmer luminous styling.
   Presentation only, scoped to signed-in manager Home and the existing mobile dock. */
body.clarity7140.studio7150 #app .jljam-easy .ej-stage{position:relative;isolation:isolate;min-width:0}
body.clarity7140.studio7150 #app .jljam-easy .ej-intro{position:relative;isolation:isolate;padding:9px 4px 7px;margin-bottom:18px}
body.clarity7140.studio7150 #app .jljam-easy .ej-intro:before{content:"";position:absolute;z-index:-1;inset:-44px -3% -42px;pointer-events:none;background:radial-gradient(ellipse 48% 75% at 20% 15%,rgba(177,93,246,.22),transparent 85%);filter:blur(25px)}
body.clarity7140.studio7150 #app .jljam-easy .ej-intro h1{letter-spacing:-.062em!important;text-shadow:0 9px 32px rgba(198,141,255,.12)}
body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse 55% 75% at 3% 5%,rgba(192,127,255,.32),transparent 83%),radial-gradient(ellipse 44% 68% at 101% 98%,rgba(81,115,211,.19),transparent 85%),linear-gradient(130deg,#52316f,#20172f 84%)!important;
  border:1px solid rgba(226,190,255,.60)!important;
  box-shadow:0 22px 65px rgba(10,3,28,.37),inset 0 1px rgba(255,247,255,.35),0 0 52px rgba(137,80,232,.09)!important;
}
body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 10%,rgba(255,255,255,.055) 26%,transparent 43%);opacity:.75}
body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-title{position:relative;z-index:1;flex-wrap:wrap!important;gap:9px!important}
body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase .ej-roster-title strong{margin-right:auto;min-width:0}
body.clarity7140.studio7150 #app .aurora-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.clarity7140.studio7150 #app .aurora-switch{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:46px;
 border:1px solid rgba(244,215,255,.56);border-radius:14px;
 background:linear-gradient(135deg,rgba(227,171,255,.20),rgba(119,80,191,.26));
 box-shadow:inset 0 1px rgba(255,255,255,.22);color:#f4e7ff;
 font:780 clamp(13px,1.2vw,16px)/1.15 system-ui!important;padding:9px 14px;cursor:pointer;
 transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
body.clarity7140.studio7150 #app .aurora-switch[aria-pressed=true]{background:linear-gradient(130deg,#a16bec,#7040b6);border-color:#f2dbff;box-shadow:inset 0 1px #fff7,0 5px 24px #a363e64d;color:white}
body.clarity7140.studio7150 #app .aurora-switch:hover{transform:translateY(-2px)}
body.clarity7140.studio7150 #app .aurora-navigation:not([hidden]){display:flex;align-items:center;gap:8px;position:relative;z-index:1;margin-top:15px;padding:11px 13px;border:1px solid rgba(235,203,255,.3);border-radius:17px;background:rgba(16,9,36,.46);backdrop-filter:blur(13px)}
body.clarity7140.studio7150 #app .aurora-navigation[hidden]{display:none!important}
body.clarity7140.studio7150 #app .aurora-feature-label{min-width:0;flex:1;font:750 clamp(14px,1.5vw,17px)/1.3 system-ui!important;color:#f3e5ff;overflow-wrap:break-word}
body.clarity7140.studio7150 #app .aurora-feature-count{color:#bea7dc;font:780 13px/1 system-ui!important;white-space:nowrap}
body.clarity7140.studio7150 #app .aurora-step{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;color:white;border:1px solid #e2c0ff78;border-radius:14px;background:#ffffff22;cursor:pointer;font:800 24px/1 system-ui!important}
body.clarity7140.studio7150 #app .aurora-step:hover{background:#ab75ef80}
body.clarity7140.studio7150 #app .aurora-switch:focus-visible,
body.clarity7140.studio7150 #app .aurora-step:focus-visible{outline:3px solid #ffeaff!important;outline-offset:3px!important}
body.clarity7140.studio7150 #app .jljam-easy .ej-roster-strip>.ej-person{
  transform-origin:center bottom;will-change:auto;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
  border-color:rgba(237,214,255,.55)!important;box-shadow:0 16px 32px rgba(2,1,15,.33),inset 0 1px rgba(255,255,255,.25)!important;
}
body.clarity7140.studio7150 #app .jljam-easy .ej-roster-strip>.ej-person:hover{border-color:#fff3ff!important;box-shadow:0 20px 35px #0c061cab,0 0 25px #b177f04a!important}
body.clarity7140.studio7150 #app .jljam-easy .ej-person-image img{object-position:center 18%;}
/* Spotlight is opt-in: original equal-size gallery remains the default, so existing artist-first layout is never replaced without choice. */
@media(min-width:761px){
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip{
   display:grid!important;grid-auto-flow:row!important;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr))!important;
   grid-auto-columns:auto!important;overflow:visible!important;scroll-snap-type:none!important;gap:12px!important;
 }
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person.aurora-featured{border:2px solid #e8c7ff!important;box-shadow:0 20px 48px #080416b3,0 0 36px #af71ed40!important}
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person:not(.aurora-featured){align-self:stretch!important}
}
@media(min-width:761px) and (max-width:1050px){
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip{grid-template-columns:minmax(0,1.16fr) repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase{border-radius:23px!important}
 body.clarity7140.studio7150 #app .jljam-easy .ej-roster-title{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
 body.clarity7140.studio7150 #app .aurora-controls{grid-column:1;grid-row:2}
 body.clarity7140.studio7150 #app .ej-roster-all{grid-column:2;grid-row:2;margin:0!important}
 body.clarity7140.studio7150 #app .aurora-navigation:not([hidden]){flex-wrap:wrap;margin-top:11px;padding:8px;gap:6px}
 body.clarity7140.studio7150 #app .aurora-feature-label{flex-basis:calc(100% - 82px)}
 body.clarity7140.studio7150 #app .aurora-feature-count{margin-left:auto}
 body.clarity7140.studio7150 #app .aurora-switch{font-size:14px!important;padding:8px 10px;min-height:44px}
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip{
  display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-columns:auto!important;gap:8px!important;overflow:visible!important;scroll-snap-type:none!important;
 }
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person{
  min-width:0!important;aspect-ratio:.8/1!important;border-radius:15px!important;
 }
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person.aurora-featured{
  grid-column:1/-1!important;aspect-ratio:1.45/1!important;max-height:360px!important;border:2px solid #f6d1ff!important;
 }
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person:not(.aurora-featured) .ej-person-info{
  padding:28px 7px 7px!important;min-height:33px!important;
 }
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person:not(.aurora-featured) .ej-person-info strong{font-size:clamp(10px,2.9vw,14px)!important;white-space:normal!important;line-height:1.08!important;overflow-wrap:normal!important}
 body.clarity7140.studio7150 #app .jljam-easy .ej-portrait-showcase[data-aurora-mode=spotlight] .ej-roster-strip>.ej-person:not(.aurora-featured) .ej-portrait-arrow{display:none!important}
}
/* Pulse gains visual rhythm without duplicating figures or adding another dashboard. */
body.clarity7140.studio7150 #app .jljam-easy .cl-pulse{
 background:radial-gradient(ellipse 40% 140% at 0% 0%,rgba(170,114,237,.24),transparent 96%),linear-gradient(115deg,rgba(45,27,72,.93),rgba(25,18,49,.97))!important;
 border:1px solid rgba(224,188,255,.43)!important;box-shadow:inset 0 1px #ffffff28,0 13px 33px #09041955!important;
}
body.clarity7140.studio7150 #app .jljam-easy .cl-led{box-shadow:0 0 0 4px rgba(220,157,255,.08),0 0 15px #c075fa96!important}
body.clarity7140.studio7150 #app .mobile-dock{
 background:linear-gradient(135deg,rgba(46,27,79,.97),rgba(14,10,35,.98))!important;
 border:1px solid #e0bcff8a!important;box-shadow:0 16px 45px #04020cdd,inset 0 1px rgba(255,255,255,.2)!important;
}
body.clarity7140.studio7150 #app .mobile-dock button.on{
 background:linear-gradient(130deg,#a66de7,#693eb2)!important;box-shadow:0 6px 20px #ad68f25e,inset 0 1px #ffffff74!important;
}
@media(prefers-reduced-motion:reduce){
 body.clarity7140.studio7150 #app .aurora-switch,
 body.clarity7140.studio7150 #app .jljam-easy .ej-roster-strip>.ej-person{transition:none!important;animation:none!important}
 body.clarity7140.studio7150 #app .aurora-switch:hover{transform:none!important}
}