/* 7.14.0 · Clarity OS
   Consolidated navigation and portrait-first home. Pure presentation, no data model changes.
   All changes scoped to a signed-in manager session. */
body.clarity7140{--cl-violet:#ad7bff;--cl-glass:rgba(27,18,48,.85);--cl-hair:rgba(220,196,255,.22);--cl-mist:#c6b5d8}
body.clarity7140 #app{min-width:0;max-width:100%;}
body.clarity7140 #app .topbar{border-bottom:1px solid rgba(222,191,255,.14)!important;background:linear-gradient(180deg,rgba(12,8,25,.98),rgba(16,10,33,.95))!important;box-shadow:0 6px 25px rgba(8,3,19,.35)!important;padding:10px clamp(12px,2.2vw,32px)!important;gap:12px!important;z-index:110!important;}
body.clarity7140:not(.bm-native) #app .topbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-height:64px!important;}
body.clarity7140 #app .topbar>.brand{flex:0 0 auto!important;min-width:0!important;max-width:140px!important}
body.clarity7140 #app .brand img{height:41px!important;width:47px!important;object-fit:contain!important}
body.clarity7140 #app .brand b{font-size:15px!important;line-height:1.1!important;letter-spacing:.08em!important}
body.clarity7140 #app .brand small{font-size:10px!important;line-height:1.2!important;letter-spacing:.12em!important}
body.clarity7140 #app .topbar>.search-trigger{flex:1 1 auto!important;width:auto!important;max-width:420px!important;min-width:130px!important;min-height:44px!important;font-size:15px!important;}
body.clarity7140 #app .topbar>.top-actions{display:flex!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;}
body.clarity7140 #app .topbar>.jljam-navrail{display:none!important}
body.clarity7140 #app .top-actions>.artist-select{flex:0 1 190px!important;max-width:210px!important;min-width:75px!important;height:44px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px!important;}
body.clarity7140 #app #searchTrigger kbd{font-size:11px!important}
body.clarity7140 #app #clarityToolsButton,body.clarity7140 #app #claritySearchButton{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;min-height:44px!important;min-width:44px!important;border-radius:14px!important;color:#f9ecff!important;background:linear-gradient(145deg,#6b3ca5ad,#241338ef)!important;border:1px solid rgba(226,199,255,.47)!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 20px #0004!important;touch-action:manipulation;font-size:15px!important;font-weight:780!important;white-space:nowrap}
body.clarity7140 #app #clarityToolsButton{padding:8px 14px!important;gap:5px!important}
body.clarity7140 #app #claritySearchButton{font-size:25px!important;padding:0!important}
body.clarity7140 #app #os8Launch,body.clarity7140 #app .cin-global-search-btn,body.clarity7140 #app #godEyeBtn,body.clarity7140 #app #settingsBtn,body.clarity7140 #app #zoomBtn{display:none!important}
body.clarity7140 #app #accountBtn{min-height:44px!important;min-width:44px!important;font-size:13px!important}
body.clarity7140 #app #accountBtn b{font-size:13px!important;white-space:nowrap!important}
body.clarity7140 #app #alertsBtn{min-height:44px!important;min-width:44px!important}
body.clarity7140 #app .shell{max-width:1470px!important;width:min(100% - 32px,1470px)!important;padding-top:10px!important;min-width:0!important;}
/* One clean workspace strip; the old duplicate floating history rail is reserved for native overlays. */
body.clarity7140 #app #clarityWorkspaceBar:not([hidden]){display:flex!important;align-items:center;justify-content:center;gap:18px;width:min(100% - 32px,1170px);padding:6px 10px;margin:10px auto 4px;border-radius:21px;border:1px solid rgba(205,168,251,.24);background:linear-gradient(125deg,rgba(34,19,57,.9),rgba(18,13,34,.92));box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 25px #0704104d;min-height:61px;backdrop-filter:blur(18px)}
body.clarity7140 #app #clarityWorkspaceBar.cl-suspended{display:none!important}
body.clarity7140 #app #clarityWorkspaceBar .cl-bar-title{font:800 10px/1 system-ui;letter-spacing:.14em;color:#d2b9ee;white-space:nowrap;flex:none}
body.clarity7140 #app #clarityWorkspaceBar .cl-bar-links{display:flex;align-items:center;gap:5px;flex:1 1 auto;justify-content:center;min-width:0;}
body.clarity7140 #app #clarityWorkspaceBar button{appearance:none;border:1px solid transparent;border-radius:15px;background:transparent;color:#cebddc;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font:750 14px/1.15 system-ui;letter-spacing:0;white-space:nowrap;padding:7px 15px;cursor:pointer;touch-action:manipulation;flex:0 1 auto;min-width:0}
body.clarity7140 #app #clarityWorkspaceBar button span{font-size:20px;line-height:1}
body.clarity7140 #app #clarityWorkspaceBar button strong{font:750 14px/1.15 system-ui}
body.clarity7140 #app #clarityWorkspaceBar button.active{color:#fff;background:linear-gradient(130deg,#9961d5,#6637b3);border-color:#d7acff8c;box-shadow:0 8px 20px rgba(114,66,184,.36),inset 0 1px rgba(255,255,255,.32)}
body.clarity7140 #app #clarityWorkspaceBar .cl-bar-more,body.clarity7140 #app #clarityWorkspaceBar .cl-history{border:1px solid rgba(211,175,255,.2);background:rgba(255,255,255,.055);font-size:13px;flex:none;}
body.clarity7140 #app #clarityWorkspaceBar .cl-history:disabled{opacity:.38}
body.clarity7140 #app .history-row{display:none!important}
/* Home is artist first; retain source photos and gloss. */
body.clarity7140 #app .jljam-easy{width:min(100%,1310px)!important;padding:15px clamp(12px,1.5vw,20px) max(135px,calc(120px + env(safe-area-inset-bottom)))!important;}
body.clarity7140 #app .jljam-easy .ej-intro{margin-bottom:15px!important;}
body.clarity7140 #app .jljam-easy .ej-topline{margin-bottom:14px!important;}
body.clarity7140 #app .jljam-easy .ej-intro h1{font:850 clamp(32px,3.9vw,55px)/1.06 system-ui!important;letter-spacing:-.055em!important;margin-bottom:7px!important}
body.clarity7140 #app .jljam-easy .ej-intro p{font:500 clamp(14px,1.65vw,17px)/1.45 system-ui!important;max-width:65ch!important}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase{border-radius:28px!important;padding:17px 18px 20px!important;box-shadow:inset 0 1px #fff3,0 22px 48px rgba(6,2,18,.48),0 0 42px #a450ff1b!important;background:radial-gradient(ellipse 55% 85% at 9% 0%,#a85bfb24,transparent),linear-gradient(135deg,#4d276ec9,#211133ee 70%)!important;}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-roster-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(10px,1.4vw,20px)!important;}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person{border:1px solid rgba(236,204,255,.58)!important;border-radius:22px!important;box-shadow:0 10px 28px #0006,inset 0 1px #fff6!important;aspect-ratio:.88/1!important;}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info strong{font-size:clamp(16px,1.8vw,24px)!important;word-break:normal!important;overflow-wrap:normal!important;}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person:focus-visible{outline:3px solid #efd2ff;outline-offset:4px}
/* Live pulse: one row of real facts, direct Focus action. */
body.clarity7140 #app .cl-pulse{display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,1.5fr) auto;align-items:center;gap:14px;min-width:0;padding:12px 16px;margin:0 0 17px;border-radius:22px;background:linear-gradient(130deg,rgba(37,28,61,.96),rgba(23,16,41,.95));border:1px solid rgba(201,176,248,.25);box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 28px #08051244;font:600 14px/1.3 system-ui;}
body.clarity7140 #app .cl-pulse-main{display:flex;gap:11px;align-items:center;min-width:0}
body.clarity7140 #app .cl-led{width:10px;height:10px;flex:none;border-radius:50%;background:#cc9dff;box-shadow:0 0 0 5px #b37bfd28,0 0 18px #cfa4ff6a}
body.clarity7140 #app .cl-pulse-main>div{display:grid;gap:3px;min-width:0}
body.clarity7140 #app .cl-pulse-overline{font-size:10px;letter-spacing:.14em;color:#c8acd9;font-weight:850}
body.clarity7140 #app .cl-pulse-main strong{font-size:17px;color:white;white-space:normal;letter-spacing:-.02em}
body.clarity7140 #app .cl-pulse-stats{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;min-width:0}
body.clarity7140 #app .cl-pulse-stats span{padding:7px 10px;border-radius:12px;border:1px solid #e2caff25;background:#ffffff0d;color:#cbb9dc;display:flex;align-items:baseline;gap:6px;font-size:13px;white-space:nowrap}
body.clarity7140 #app .cl-pulse-stats b{color:white;font-weight:900;font-size:20px}
body.clarity7140 #app .cl-pulse-focus{min-height:47px;border:1px solid #e8c8ff9e;padding:11px 17px;border-radius:15px;color:#fff;background:linear-gradient(128deg,#9054df,#6235b1);font:800 14px/1 system-ui;white-space:nowrap;box-shadow:0 9px 26px #46247d77;cursor:pointer}
body.clarity7140 #app .jljam-easy .ej-main-layout{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr)!important;gap:15px!important}
body.clarity7140 #app .jljam-easy .ej-step{border-radius:26px!important;min-height:286px!important;padding:24px!important;background:radial-gradient(circle at 86% 7%,#d3a4ff47,transparent 33%),linear-gradient(135deg,#592685e9,#25123ef5)!important;}
body.clarity7140 #app .jljam-easy .ej-step h2{font-size:clamp(23px,2.35vw,31px)!important;line-height:1.16!important;max-width:100%!important;}
body.clarity7140 #app .jljam-easy .ej-step p{font-size:15px!important;line-height:1.48!important;}
body.clarity7140 #app .jljam-easy .ej-choice{min-height:137px!important;border-radius:21px!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 25px #0004!important;}
body.clarity7140 #app .jljam-easy .ej-choice-bottom b{font-size:clamp(17px,1.7vw,21px)!important;line-height:1.1!important}
body.clarity7140 #app .jljam-easy .ej-choice-bottom small{font-size:12px!important;line-height:1.3!important}
body.clarity7140 #app .jljam-easy .ej-quick-grid button{border-radius:16px!important;min-height:50px!important;}
/* One tools drawer, keyboard/VoiceOver friendly; no third-party fetch. */
body.clarity7140.cl-tools-open{overflow:hidden!important}
body.clarity7140 #app #clarityToolsDialog:not([hidden]){display:block!important;position:fixed;z-index:50000;inset:0;overflow:hidden}
body.clarity7140 #app .cl-scrim{position:absolute;inset:0;background:#090614dc;backdrop-filter:blur(15px)}
body.clarity7140 #app .cl-drawer{position:absolute;right:0;top:0;bottom:0;width:min(100%,520px);background:linear-gradient(165deg,#2c1a4c,#100b21 65%);border-left:1px solid #d1acff55;box-shadow:-30px 0 80px #0009;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:clamp(20px,3vw,33px) clamp(15px,3vw,30px) calc(50px + env(safe-area-inset-bottom));color:#f7edff;font-family:system-ui}
body.clarity7140 #app .cl-drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
body.clarity7140 #app .cl-eyebrow{color:#cba5ec;letter-spacing:.15em;font:850 11px/1.4 system-ui}
body.clarity7140 #app .cl-drawer h2{font:870 clamp(29px,3.2vw,41px)/1.06 system-ui;letter-spacing:-.045em;margin:10px 0}
body.clarity7140 #app .cl-drawer h2 em{color:#d9b0ff;font-style:normal}
body.clarity7140 #app .cl-drawer p{color:#cbb9dc;font:450 14px/1.5 system-ui;max-width:360px;margin:0 0 19px}
body.clarity7140 #app .cl-close{flex:none;width:48px;height:48px;border:1px solid #e7c9ff66;background:#ffffff16;color:#fff;font:500 30px/1 system-ui;border-radius:15px;cursor:pointer}
body.clarity7140 #app .cl-drawer-section{font:850 11px/1.2 system-ui;letter-spacing:.15em;color:#be9cd9;margin:22px 0 9px}
body.clarity7140 #app .cl-drawer-feature{display:grid;gap:9px}
body.clarity7140 #app .cl-drawer-feature button{display:grid;grid-template-columns:51px minmax(0,1fr) 20px;align-items:center;gap:12px;border:1px solid #d9b8ff48;background:linear-gradient(130deg,#7f49c077,#41216699);color:white;border-radius:17px;min-height:76px;padding:11px;text-align:left;cursor:pointer}
body.clarity7140 #app .cl-drawer-feature button>span:nth-child(2){display:grid;gap:3px;min-width:0}
body.clarity7140 #app .cl-drawer-feature b{font:800 17px/1.15 system-ui}
body.clarity7140 #app .cl-drawer-feature small{font:500 13px/1.3 system-ui;color:#ddcbe9}
body.clarity7140 #app .cl-drawer-ico{width:47px;height:47px;display:grid;place-items:center;border:1px solid #eee1ff42;border-radius:14px;font:500 27px/1 system-ui;background:#ffffff16}
body.clarity7140 #app .cl-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.clarity7140 #app .cl-drawer-grid button{min-width:0;min-height:111px;border:1px solid #d6b6ff40;border-radius:18px;background:linear-gradient(135deg,#4b3270c2,#2a1a47df);color:white;text-align:left;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;cursor:pointer}
body.clarity7140 #app .cl-drawer-grid button>span{font-size:24px;line-height:1.1;color:#dfbcff}
body.clarity7140 #app .cl-drawer-grid strong{font:790 17px/1.1 system-ui}
body.clarity7140 #app .cl-drawer-grid small{font:500 12px/1.3 system-ui;color:#c3b0dc}
body.clarity7140 #app .cl-drawer-foot{display:flex;gap:8px;flex-wrap:wrap}
body.clarity7140 #app .cl-drawer-foot button{flex:1 1 110px;min-height:46px;border:1px solid #cdaaff52;border-radius:13px;background:#ffffff10;color:#fff;font:750 13px/1.2 system-ui;padding:9px;cursor:pointer}
body.clarity7140 #app .cl-drawer button:focus-visible,body.clarity7140 #app .cl-pulse button:focus-visible,body.clarity7140 #app #clarityWorkspaceBar button:focus-visible{outline:3px solid #f5d7ff!important;outline-offset:3px!important}
/* Tablet and iPad split screen: no cramped third columns. */
@media(max-width:1120px){
 body.clarity7140 #app .topbar>.search-trigger{display:none!important}
 body.clarity7140 #app #clarityWorkspaceBar .cl-bar-title{display:none}
 body.clarity7140 #app #clarityWorkspaceBar{gap:8px!important}
 body.clarity7140 #app #clarityWorkspaceBar .cl-bar-links button{padding-inline:clamp(7px,1.2vw,12px)!important}
 body.clarity7140 #app .cl-pulse{grid-template-columns:minmax(155px,1fr) auto;gap:10px}
 body.clarity7140 #app .cl-pulse-stats{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 body.clarity7140 #app .cl-pulse-focus{grid-column:2;grid-row:1}
}
@media(max-width:760px){
 body.clarity7140:not(.bm-native) #app .topbar{min-height:58px!important;gap:7px!important;padding:7px 10px!important}
 body.clarity7140 #app .topbar>.brand{max-width:60px!important;min-width:0!important}
 body.clarity7140 #app .topbar .brand span{display:none!important}
 body.clarity7140 #app .topbar>.top-actions{flex:1 1 auto!important;justify-content:flex-end!important;gap:6px!important;max-width:calc(100% - 55px)!important}
 body.clarity7140 #app .top-actions>.artist-select{flex:1 1 85px!important;max-width:160px!important;min-width:80px!important;height:43px!important;font-size:13px!important;padding:0 8px!important}
 body.clarity7140 #app #clarityToolsButton{font-size:13px!important;padding:8px 10px!important;min-height:43px!important}
 body.clarity7140 #app #claritySearchButton{min-width:43px!important;min-height:43px!important}
 body.clarity7140 #app #accountBtn{min-width:43px!important;padding:4px!important}
 body.clarity7140 #app #accountBtn b{display:none!important}
 body.clarity7140 #app #alertsBtn{display:none!important}
 body.clarity7140 #app #clarityWorkspaceBar{display:none!important}
 body.clarity7140 #app .shell{width:100%!important;padding:8px 12px calc(125px + env(safe-area-inset-bottom))!important}
 body.clarity7140 #app .history-row{display:none!important}
 body.clarity7140 #app .mobile-dock{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;z-index:1000!important;padding:6px!important;gap:3px!important;min-height:76px!important;max-width:none!important;border-radius:23px!important;border:1px solid #e1c1ff63!important;background:linear-gradient(130deg,#27183bf7,#110d23f8)!important;box-shadow:0 12px 45px #030207c9,inset 0 1px #fff2!important;overflow:visible!important;backdrop-filter:blur(22px)}
 body.clarity7140 #app .mobile-dock button{box-sizing:border-box!important;min-height:67px!important;height:67px!important;padding:7px 1px!important;border:1px solid transparent!important;border-radius:16px!important;font:780 11px/1.1 system-ui!important;letter-spacing:0!important;color:#d1bddb!important;min-width:0!important;white-space:nowrap!important;text-overflow:clip!important;overflow:hidden!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;}
 body.clarity7140 #app .mobile-dock button span{font:500 24px/1 system-ui!important;margin:0!important;display:block!important;}
 body.clarity7140 #app .mobile-dock button.on{color:#fff!important;border-color:#f0d1ff68!important;background:linear-gradient(150deg,#8e51d4,#542d9a)!important;box-shadow:0 5px 17px #8e4ed342,inset 0 1px #fff3!important;}
 body.clarity7140 #app .jljam-easy{padding:11px 4px calc(126px + env(safe-area-inset-bottom))!important;}
 body.clarity7140 #app .jljam-easy .ej-intro h1{font-size:clamp(31px,7vw,43px)!important}
 body.clarity7140 #app .jljam-easy .ej-intro p{font-size:14px!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase{padding:12px 12px 15px!important;border-radius:23px!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-roster-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person{aspect-ratio:.88/1!important;border-radius:19px!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info strong{font-size:clamp(16px,4.2vw,23px)!important}
 body.clarity7140 #app .jljam-easy .ej-main-layout{grid-template-columns:1fr!important;gap:13px!important;}
 body.clarity7140 #app .jljam-easy .ej-step{min-height:0!important;padding:19px!important}
 body.clarity7140 #app .jljam-easy .ej-choice{min-height:140px!important}
 body.clarity7140 #app .cl-pulse{grid-template-columns:1fr auto;padding:12px;border-radius:19px;gap:10px}
 body.clarity7140 #app .cl-pulse-main strong{font-size:15px}
 body.clarity7140 #app .cl-pulse-stats{justify-content:space-between;gap:5px}
 body.clarity7140 #app .cl-pulse-stats span{font-size:11px;padding:6px 7px;flex:1 1 auto;justify-content:center}
 body.clarity7140 #app .cl-pulse-stats b{font-size:17px}
 body.clarity7140 #app .cl-pulse-focus{padding:9px 11px;font-size:12px;min-height:44px}
 /* No extra floating Back rail over dock; native full-screen screens keep their standard Back/Forward. */
 body.clarity7140 > #jljamNavRail:not(.jljam-nav-native){display:none!important}
}
@media(max-width:370px){
 body.clarity7140 #app .topbar .brand img{width:37px!important}
 body.clarity7140 #app .topbar>.top-actions{max-width:calc(100% - 42px)!important;gap:4px!important}
 body.clarity7140 #app .top-actions>.artist-select{max-width:112px!important;min-width:70px!important}
 body.clarity7140 #app #clarityToolsButton{padding:7px 8px!important}
 body.clarity7140 #app .mobile-dock{left:5px!important;right:5px!important;padding:4px!important;gap:1px!important}
 body.clarity7140 #app .mobile-dock button{font-size:10px!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info strong{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){body.clarity7140 #app :is(.cl-pulse,.cl-drawer,.mobile-dock,.ej-person){transition:none!important;animation:none!important}}
/* Final portrait treatment: actual images stay large and the artist name is ALWAYS legible on them. */
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person{display:block!important;position:relative!important;overflow:hidden!important;height:auto!important;aspect-ratio:.88/1!important;min-height:0!important}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;border-radius:inherit!important}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info{position:absolute!important;inset:auto 0 0!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:50px!important;padding:40px 12px 13px!important;border-top:0!important;background:linear-gradient(180deg,transparent 0%,rgba(15,6,26,.84) 47%,rgba(11,5,21,.96) 100%)!important;text-shadow:0 2px 7px #000c!important}
body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info strong{font-size:clamp(16px,1.8vw,24px)!important;color:#fff!important;}
body.clarity7140 #app .jljam-easy .ej-intro .ej-all{display:none!important}
@media(max-width:760px){
 body.clarity7140 #app #clarityWorkspaceBar:not([hidden]){display:none!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info{padding:34px 10px 10px!important}
 body.clarity7140 #app .jljam-easy .ej-portrait-showcase .ej-person-info strong{font-size:clamp(15px,4.5vw,21px)!important}
}