/* Approved eight-collection integration. Shared roles, four palettes. */
body.visual-v1:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth]) :is(.product-workspace,#modal){
 --opp-base:var(--surface-world);--opp-panel:var(--surface-panel);--opp-surface:var(--surface-panel);--opp-surface-hover:var(--v-hover);--opp-on-surface:var(--content-primary);--opp-surface-line:var(--border-subtle);--opp-link:var(--content-primary);
}
/* Match the core themes: filled action, outlined secondary, quiet tertiary.
   Primary identity also appears in selection markers; accent identifies actions. */
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] :is(#app .product-workspace.ux-pass-a,#modal) .btn{
 background:var(--surface-panel)!important;color:var(--content-primary)!important;border-color:var(--border-control)!important;
}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] :is(#app .product-workspace.ux-pass-a,#modal) :is(.btn.green,.btn.black){background:var(--action-primary)!important;color:var(--content-on-action)!important;border-color:var(--border-control)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] :is(#app .product-workspace.ux-pass-a,#modal) .btn.pink{background:var(--v-action)!important;color:var(--v-on-action)!important;border-color:var(--border-control)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] :is(#app .product-workspace.ux-pass-a,#modal) .btn:disabled{background:var(--surface-navigation)!important;color:var(--content-secondary)!important;opacity:1!important;border-style:dashed!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] :is(#app,#modal) :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:3px!important}
/* Legacy reading cards must not fall back to white under pale night ink. */
body.visual-v1:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth]){--surface-card:var(--surface-panel)}
/* Palette identity marks selection; the secondary color remains the action fill. */
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace #workspace-navigation .side-nav a:not(.active){background:var(--surface-navigation)!important;color:var(--content-primary)!important;border-color:var(--border-control)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace #workspace-navigation .side-nav a:not(.active) :is(svg,.icon){color:var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=gecko],[data-companion=pangolin],[data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace :is(.side-nav a.active,.live-job-row.is-selected){box-shadow:inset 4px 0 var(--v-action)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace.ux-pass-a .studio-template-thumb{background:#fff!important;color:#243C2B!important}
/* Application documents are paper, not themed workspace panels. */
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page] #app .composed-application .focus-paper .resume-sheet{background:#fff!important;color:#17251d!important;color-scheme:light}
/* Oak: moss selections and actions against the existing chestnut shell. */
body.visual-v1[data-companion=pangolin]{--action-primary:#B7C781;--content-on-action:#3C291D;--accent-secondary:#B7C781;--content-on-accent:#3C291D}
/* The Job tab's heading and posting share one paper/ink pair. */
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .composed-application .focus-job-reading{background:#fff!important;color:#203d42!important;color-scheme:light}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .composed-application .focus-job-reading>h3{color:#203d42!important}
/* Library status and extension help must inherit active theme ink. */
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .document-group-actions small{color:var(--content-secondary)!important;opacity:1!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .extension :is(.note,details,summary,.text-button){color:var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .extension :is(summary,.text-button):hover{background:var(--v-hover)!important;color:var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .extension :is(summary,.text-button):focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:3px}
/* Inputs need a visible boundary even before keyboard focus. Decorative lines stay subtle. */
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] :is(#app .product-workspace,#modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){border-color:var(--border-control)!important}

/* Small employer marks are identifiers, never contact avatars or verification badges. */
.employer-identity{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.employer-identity .company-mark{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin:0!important;border-radius:7px;background:#fff;color:#243C2B;overflow:hidden}
.employer-identity .company-mark img{display:block;width:28px;height:28px;object-fit:contain;max-width:100%}
.employer-identity .company-initials{font:700 12px/1 var(--type-body);border:1px solid var(--border-subtle)}
/* Zara's approved sea-glass cards remain the reference; other themes gain a restrained secondary layer. */
body.visual-v1.art-pass.lagoon-pass[data-companion]:not([data-companion=mushroom])[data-page=tracker] #app .product-workspace .priority-person{background:color-mix(in srgb,var(--accent-secondary) 12%,var(--surface-panel))!important;border-color:color-mix(in srgb,var(--accent-secondary) 40%,var(--border-subtle))!important;border-left:3px solid var(--accent-secondary)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=tracker] #app .priority-person>strong{font-size:18px;line-height:1.4}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=tracker] #app .priority-person>.btn{background:var(--action-primary)!important;color:var(--content-on-action)!important;border-color:var(--border-control)!important;justify-self:start;font-weight:650}

/* Pale evidence cards own their ink, independently of the surrounding night theme. */
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .resume-keyword-card{background:color-mix(in srgb,var(--accent-secondary) 12%,var(--surface-panel))!important;color:var(--content-primary)!important;color-scheme:normal}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .resume-keyword-card :is(h3,h4,p,small,strong,summary,a,details,.keyword-note){color:var(--content-primary)!important;opacity:1!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .resume-keyword-card .keyword-evidence{border-color:var(--border-control)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page] #app .resume-keyword-card :is(a,summary,button):focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:3px!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page=board] #app .product-workspace .board-workspace .board-detail{border-top-color:#fff!important;border-left-color:#fff!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page=room] #app .product-workspace .creature-care{border-color:#fff!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .composed-application .focus-heading{background:transparent!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important;margin:0 0 12px!important;gap:8px!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app .composed-application .focus-job-identity{font:600 17px/1.45 Inter,system-ui,sans-serif!important;letter-spacing:normal!important;margin:0!important;overflow-wrap:anywhere}
.companion-palette{display:flex;justify-content:center;gap:5px;margin-top:8px}
.companion-palette>span{display:block;width:18px;height:18px;flex:0 0 18px;background:var(--swatch);border:1px solid #718078;border-radius:50%;box-sizing:border-box}

/* Text-first opportunity cards use each collection's actual secondary/ink pair. */
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=room] #app .product-workspace .pip-shortlist button{background:var(--accent-secondary)!important;color:var(--content-on-accent)!important;border-color:color-mix(in srgb,var(--content-on-accent) 40%,var(--accent-secondary))!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=room] #app .product-workspace .pip-shortlist button :is(small,span,strong){color:var(--content-on-accent)!important;opacity:1!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=room] #app .product-workspace .pip-shortlist button[aria-pressed=true]{background:var(--accent-secondary)!important;border-color:var(--content-primary)!important;outline:2px solid var(--content-on-accent)!important;outline-offset:-4px!important}
body.visual-v1.art-pass.lagoon-pass[data-companion][data-page=room] #app .product-workspace .pip-shortlist button:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:3px!important}
.contact-profile-link{display:inline-flex;align-items:center;gap:7px;width:fit-content}.contact-profile-link svg{flex:none}

/* Each review card owns the same surface/ink pair, including nested evidence. */
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal :is(.ri-review,.ri-clarification) :is(.ri-outcome,.clarification-issue,.suggestion-review,.recommendation-comparison,.ai-text,blockquote){background:var(--surface-panel)!important;color:var(--content-primary)!important;border-color:var(--border-control)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal :is(.ri-review,.ri-clarification) :is(h3,h4,p,small,summary,strong,label,pre,blockquote){color:var(--content-primary)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #modal .ri-status{background:var(--surface-navigation)!important;color:var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass[data-companion] #app #workspace-navigation .tank-glass{border-radius:var(--radius-panel,20px)!important;overflow:hidden!important}
/* A neutral silhouette separates fins from every collection's navigation fill. */
body.visual-v1 #workspace-navigation .companion-logo{filter:drop-shadow(1px 0 0 #243027) drop-shadow(-1px 0 0 #243027) drop-shadow(0 1px 0 #243027) drop-shadow(0 -1px 0 #243027)}
.contact-sources{margin:4px 0;font-size:13px}.contact-sources summary{cursor:pointer;font-weight:600}.contact-sources ul{padding-left:18px;margin:8px 0}.contact-sources li{margin:6px 0}.contact-sources time{display:block;color:var(--content-secondary);font-size:12px}
.sol-loading{display:inline-block;position:relative;width:58px;height:52px;flex:none}.sol-loading img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.sol-loading::after{content:'';position:absolute;inset:0;background:url('/art/approved/oct23-new-crew/gecko-2.webp') center/contain no-repeat;clip-path:polygon(0 0,33% 0,33% 45%,44% 62%,28% 76%,0 70%);animation:sol-tail-color 2.4s linear infinite;image-rendering:pixelated}@keyframes sol-tail-color{to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sol-loading::after{animation:none}}