/* v35: shared companion palettes. Paper/export surfaces are intentionally excluded. */
:root{--opp-surface:#fff5f8;--opp-surface-hover:#f9e4ec;--opp-surface-line:#dec6d0;--opp-on-surface:#22382c;--opp-primary:#95f29a;--opp-on-primary:#142a1a;--opp-accent:#f28bc8;--opp-base:#101c16;--opp-panel:#1d2d22;--opp-line:#425d4b;--opp-muted:#bfd0c3;--opp-light:#f4f5f0}
body[data-companion=ray]{--opp-surface:#f2f6ff;--opp-surface-hover:#e2ebfc;--opp-surface-line:#bfcee8;--opp-on-surface:#182945;--opp-primary:#a5cbff;--opp-on-primary:#102547;--opp-accent:#ff919e;--opp-base:#111a2c;--opp-panel:#1b2b43;--opp-line:#435779;--opp-muted:#bbcce4;--opp-light:#f1f5ff}
body[data-companion=isopod]{--opp-surface:#fff9e9;--opp-surface-hover:#fff0bc;--opp-surface-line:#dfd0a7;--opp-on-surface:#382744;--opp-primary:#f5d76f;--opp-on-primary:#35262e;--opp-accent:#c6a1f1;--opp-base:#20172d;--opp-panel:#31243e;--opp-line:#665376;--opp-muted:#d2c4df;--opp-light:#fbf5ff}
body.art-pass.lagoon-pass[data-companion] .product-workspace{background:var(--opp-base);color:var(--opp-light)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.sidebar,.topbar,.content){background:var(--opp-base);color:var(--opp-light)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.studio-tools,.studio-toolbar,.section-ai-launch,.section-ai,.pip-shortlist){background:var(--opp-panel);border-color:var(--opp-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.green,.green.btn,.focus-tabs button[aria-pressed=true],.pip-tabs button[aria-selected=true]){background:var(--opp-primary);color:var(--opp-on-primary);border-color:var(--opp-primary);box-shadow:none}
body.art-pass.lagoon-pass[data-companion] .product-workspace .btn.green:hover{filter:brightness(.96)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.nav-item.active,.nav-link.active,.level-pill){background:var(--opp-accent);color:var(--opp-on-primary)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .sidebar a[aria-current=page]{background:var(--opp-accent);color:var(--opp-on-primary)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools :is(input,textarea,select,.btn.quiet,.skill-tokens button),body.art-pass.lagoon-pass[data-companion] .product-workspace .section-fold>summary{background:var(--opp-surface);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .section-fold{padding:0;overflow:hidden;border-color:var(--opp-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .section-fold>summary{display:flex;align-items:center;gap:10px;padding:13px 12px;min-height:46px;margin:0;list-style:none;border-radius:8px}
.section-fold>summary::-webkit-details-marker{display:none}.section-fold>summary:after{content:'›';font-size:20px;margin-left:auto;transform:rotate(90deg)}.section-fold[open]>summary:after{transform:rotate(-90deg)}
.section-icon{width:21px;height:21px;flex:0 0 21px}.section-fold>summary span{min-width:0;overflow-wrap:anywhere}
body.art-pass.lagoon-pass[data-companion] .product-workspace .section-fold> :not(summary){margin-left:12px;margin-right:12px}
body.art-pass.lagoon-pass[data-companion] .product-workspace .section-fold> :last-child:not(summary){margin-bottom:14px}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools h2,body.art-pass.lagoon-pass[data-companion] .product-workspace .section-ai>summary{color:var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools .btn.quiet:hover{background:var(--opp-surface-hover)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-template.active{border-color:var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.job-results,.live-job-row,.board-detail,.job-detail-head,.job-detail-body,.pip-focus-main,.focus-paper,.focus-actions,.scout-card,.document-table-wrap){background:var(--opp-surface);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .job-result{background:transparent;color:var(--opp-on-surface)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .live-job-row:has(.job-result.selected){background:var(--opp-surface-hover);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .job-result.selected{background:var(--opp-surface-hover);box-shadow:inset 4px 0 var(--opp-primary)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.job-result,.job-detail-body,.job-detail-head,.focus-heading,.focus-paper) :is(strong,h1,h2,h3,p,span,b,li,.note,.posting-description,.listing-facts){color:var(--opp-on-surface)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .live-job-row>.note{color:var(--opp-on-surface)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .focus-tabs button{color:var(--opp-on-surface)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.pip-focus-main,.board-detail,.scout-card) .btn.quiet{background:var(--opp-surface-hover);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] #modal,body.art-pass.lagoon-pass[data-companion] #modal :is(.modal-head,.modal-body){background:var(--opp-surface);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] #modal :is(input,textarea,select,.profile-fold){background:var(--opp-surface);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] #modal :is(h1,h2,h3,h4,p,label,summary,li){color:var(--opp-on-surface)}
body.art-pass.lagoon-pass[data-companion] #modal .btn.green{background:var(--opp-primary);color:var(--opp-on-primary);border-color:var(--opp-primary)}
body[data-companion=ray] .room-bg{filter:hue-rotate(100deg) saturate(.7)}body[data-companion=isopod] .room-bg{filter:hue-rotate(220deg) saturate(.55)}
body[data-companion] .pip-sprite-frame.has-companion-art{background:none!important;display:flex;align-items:center;justify-content:center}
.companion-cutout{width:100%;height:100%;object-fit:contain;display:block}
.companion-atlas{position:relative;display:block;width:100%;max-height:100%;overflow:hidden;flex:none;pointer-events:none}
.companion-atlas>img{position:absolute;max-width:none!important;object-fit:fill!important;display:block;pointer-events:none}
.companion-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.companion-picker>button{padding:12px;border:2px solid var(--opp-surface-line);border-radius:14px;background:var(--opp-surface);color:var(--opp-on-surface);cursor:pointer;text-align:left}
.companion-picker>button[aria-pressed=true]{border-color:var(--opp-accent)}
.companion-picker strong,.companion-picker small{display:block}.companion-picker small{margin-top:6px;font-size:12px}
.companion-card-art{display:flex;align-items:center;justify-content:center;height:170px;width:100%;margin-bottom:12px;background:#182529;border-radius:10px;overflow:hidden}
@media(min-width:1100px){body.art-pass.lagoon-pass .product-workspace .studio-layout{grid-template-columns:300px minmax(300px,1fr) 120px}}
@media(max-width:600px){.companion-picker{grid-template-columns:1fr}.companion-card-art{height:180px}}
body.art-pass.lagoon-pass[data-companion] .product-workspace .company-initials{background:var(--opp-surface-hover);color:var(--opp-on-surface)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.focus-heading,.focus-paper,.board-detail) .notice{background:var(--opp-surface-hover);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .focus-paper .notice :is(p,span,strong){color:var(--opp-on-surface)}

/* v36: bridge legacy workspace surfaces to the active companion palette. */
body[data-companion]{--logo-body:#BEDD9F;--logo-fins:#EF9FBC;--logo-halo:#EBC7D4;--opp-link:#285c3b}
body[data-companion=ray]{--logo-body:#78baff;--logo-fins:#f57487;--logo-halo:#f7bdc6;--opp-link:#284f87}
body[data-companion=isopod]{--logo-body:#f5d76f;--logo-fins:#b792eb;--logo-halo:#ddcaef;--opp-link:#694780}
body[data-companion] .product-workspace{--green:var(--opp-primary);--pink:var(--opp-accent);--paper:var(--opp-surface);--line:var(--opp-line);--muted:var(--opp-muted)}
.companion-logo{display:block;flex:none;width:48px;height:38px;max-width:100%}
body.art-pass.lagoon-pass[data-companion] .product-workspace .brand{color:var(--opp-primary)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .side-nav a.active{background:var(--opp-accent)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-accent)!important;box-shadow:none!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.quiet,.btn.black,.panel,.track-stats,.priority-list button,.pip-shortlist,.onboarding-banner){background:var(--opp-panel)!important;color:var(--opp-light)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.green,.chip.active,.tab.active,.focus-tabs button[aria-pressed=true]){background:var(--opp-primary)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-primary)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.btn.pink,.level-pill){background:var(--opp-accent)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.priority-tabs,.track-stat,.case-grid,.pip-queue,.pip-instructions,.side-footer){border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.priority-tabs button,.track-stat span,.tank-feed small,.tank-label span,.side-nav a,.page-head p,.room-caption){color:var(--opp-muted)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .priority-tabs button[aria-selected=true]{color:var(--opp-accent)!important;border-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .priority-list button[aria-pressed=true]{border-color:var(--opp-accent)!important;box-shadow:inset 3px 0 var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .track-stat.active{background:var(--opp-panel)!important;box-shadow:inset 0 -3px var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.track-stat b,.tank-label b,.tank-feed){color:var(--opp-light)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.case-file:nth-child(n),.priority-detail,.priority-research,.scout-card,.document-table-wrap){background:var(--opp-surface)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important;box-shadow:none}
body.art-pass.lagoon-pass[data-companion] .product-workspace .case-file:nth-child(n){border-left:3px solid var(--opp-primary)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.case-file,.priority-detail,.priority-research,.scout-card) :is(h2,h3,p,small,span,.note){color:var(--opp-on-surface)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.case-file,.priority-detail,.scout-card,.board-detail,.pip-focus-main) :is(.btn.quiet,.status,.notice){background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .priority-stages li{border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .priority-stages li.current{background:var(--opp-surface-hover);border-left-color:var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--opp-surface);color:var(--opp-on-surface);border-color:var(--opp-surface-line);accent-color:var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.board-detail,.priority-detail,.scout-card) :is(a:not(.btn),summary,.salary-highlight){color:var(--opp-link)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .job-result.selected{box-shadow:inset 4px 0 var(--opp-primary)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.job-search,.board-search,.board-filters) summary{color:var(--opp-primary)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.lagoon-tank,.tank-glass,.tank-feed){background:var(--opp-panel)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-water{background:linear-gradient(155deg,var(--opp-panel),var(--opp-base))!important;box-shadow:none!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-pebbles{background:var(--opp-base)!important;opacity:.7}
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-glass:before,body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-glass:after{background:linear-gradient(120deg,transparent,var(--opp-line),transparent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .studio-tools .btn.quiet{background:var(--opp-surface)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] #modal :is(.btn.quiet,.choice,.skill-tokens button){background:var(--opp-surface-hover);color:var(--opp-on-surface);border-color:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] #modal .btn.pink{background:var(--opp-accent);color:var(--opp-on-primary)}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.board-filter-panel>summary,.live-job-search>label){color:var(--opp-muted)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .live-job-row.is-selected{box-shadow:inset 4px 0 var(--opp-primary)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .btn.white{background:var(--opp-surface)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important}

/* v37: secondary chrome, dialogs and notifications share the same palette. */
body.art-pass.lagoon-pass[data-companion] :is(.product-workspace,#modal){--green:var(--opp-primary);--pink:var(--opp-accent);--paper:var(--opp-surface);--line:var(--opp-surface-line)}
body.art-pass.lagoon-pass[data-companion] :is(.product-workspace,#modal) :is(button,a,input,select,textarea):focus-visible{outline-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .sidebar-tools{border-color:var(--opp-line)}
body.art-pass.lagoon-pass[data-companion] .product-workspace .sidebar-tools :is(.cloud-status,.demo-label){background:var(--opp-panel)!important;color:var(--opp-light)!important;border-color:var(--opp-line)!important;box-shadow:none!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .sidebar-tools .avatar{background:var(--opp-accent)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-line)!important;box-shadow:none!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .sidebar-tools .cloud-status:is([title*="conflict"],[title*="Not synced"],[title*="unavailable"]){outline-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.extension-mock,.generation-status,.pip-pending-row){background:var(--opp-panel)!important;color:var(--opp-light)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .extension-mock :is(p,li,.note){color:var(--opp-muted)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.extension,.extension-mock) :is(a.text-button,summary){color:var(--opp-primary)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] :is(.product-workspace,#modal) input::file-selector-button{background:var(--opp-panel)!important;color:var(--opp-light)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace :is(.scout-badge,.status){background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] #modal :is(.btn.green,.btn.black,.editor-actions .btn.black){background:var(--opp-primary)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-primary)!important}
body.art-pass.lagoon-pass[data-companion] #modal :is(.modal-title-icon,.close:hover){background:var(--opp-accent)!important;color:var(--opp-on-primary)!important;border-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] #modal .close{background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] #modal :is(.editor-actions,.profile-modal-footer,.pip-approval,.pip-tabs){background:var(--opp-surface)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] #modal :is(.guide-progress-caption,.guide-progress small,.profile-fieldset legend,.profile-fieldset legend svg,.note){color:var(--opp-link)!important;border-color:var(--opp-surface-line)!important}
body.art-pass.lagoon-pass[data-companion] #modal .guide-progress-track{background:var(--opp-surface-hover)}
body.art-pass.lagoon-pass[data-companion] #modal .guide-progress-track>span{background:var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] #modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--opp-surface)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-surface-line)!important;box-shadow:none!important;accent-color:var(--opp-accent)}
body.art-pass.lagoon-pass[data-companion] #modal :is(input,select,textarea):focus-visible{outline:2px solid var(--opp-accent)!important;outline-offset:2px}
body.art-pass.lagoon-pass[data-companion] #modal :is(a:not(.btn),.text-button){color:var(--opp-link)!important}
body.art-pass.lagoon-pass[data-companion] #modal :is(blockquote,#pip-review-status:not(:empty),.notice){background:var(--opp-surface-hover)!important;color:var(--opp-on-surface)!important;border-color:var(--opp-accent)!important}
body.art-pass.lagoon-pass[data-companion] #toast{background:var(--opp-panel)!important;color:var(--opp-light)!important;border-color:var(--opp-accent)!important;box-shadow:0 10px 35px #0004!important}
body.art-pass.lagoon-pass[data-companion] #modal::backdrop{background:#0b101bb3!important}
/* An actual habitat, not a color filter over the lagoon. */
body.art-pass.lagoon-pass[data-companion] .product-workspace .room-bg{filter:none!important;object-fit:cover;object-position:50% 48%}
body.art-pass.lagoon-pass[data-companion] .product-workspace .lagoon-landmark{background:var(--opp-panel)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .lagoon-landmark span{background:var(--opp-base)!important;color:var(--opp-light)!important;border-color:var(--opp-line)!important}
body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-glass:before,body.art-pass.lagoon-pass[data-companion] .product-workspace .tank-glass:after{display:none!important}
body.art-pass.lagoon-pass[data-companion=ray] .product-workspace .tank-glass{background:linear-gradient(#111a2c33,#111a2c55),url('/art/v37/bat-sky.webp') center/cover!important}
body.art-pass.lagoon-pass[data-companion=isopod] .product-workspace .tank-glass{background:linear-gradient(#20172d33,#20172d55),url('/art/v37/isopod-desert.webp') center/cover!important}
body.art-pass.lagoon-pass[data-companion]:not([data-companion=pip]) .product-workspace :is(.tank-water,.tank-pebbles,.lagoon-ripple){display:none}
body.art-pass.lagoon-pass[data-companion]:not([data-companion=pip]) .product-workspace .tank-label{background:#101526c9;border-radius:7px;padding:5px;z-index:3}
body.art-pass.lagoon-pass[data-companion=ray] .product-workspace .room-scene:after{background:radial-gradient(ellipse at 20% 70%,#b3c8ed22,transparent 55%)!important;animation:companion-clouds 18s ease-in-out infinite alternate!important;mix-blend-mode:screen}
body.art-pass.lagoon-pass[data-companion=isopod] .product-workspace .room-scene:after{background:linear-gradient(115deg,transparent 25%,#ffebcb16 40%,transparent 65%)!important;animation:companion-clouds 24s ease-in-out infinite alternate!important;mix-blend-mode:soft-light}
@keyframes companion-clouds{from{transform:translateX(-4%);opacity:.35}to{transform:translateX(4%);opacity:.65}}
@media(prefers-reduced-motion:reduce){body.art-pass.lagoon-pass[data-companion] .product-workspace .room-scene:after{animation:none!important}}

/* Fourth starter: mushroom forest. */
body[data-companion=mushroom]{--opp-surface:#fff6e9;--opp-surface-hover:#ffe8d2;--opp-surface-line:#dbc5af;--opp-on-surface:#193e3c;--opp-primary:#ffbb90;--opp-on-primary:#35241d;--opp-accent:#7cd9cc;--opp-base:#102828;--opp-panel:#1c3b3a;--opp-line:#496d66;--opp-muted:#c5dbd4;--opp-light:#fff6e9;--logo-body:#65c2b5;--logo-fins:#ffa680;--logo-halo:#ffe2be;--opp-link:#28615b}
body.art-pass.lagoon-pass[data-companion=mushroom] .product-workspace .tank-glass{background:linear-gradient(#10282822,#10282844),url('/art/v37/mushroom-forest.webp') center/cover!important}
body.art-pass.lagoon-pass[data-companion=mushroom] .product-workspace .room-scene:after{background:radial-gradient(ellipse at 70% 65%,#ffe1a81c,transparent 55%)!important;animation:companion-clouds 22s ease-in-out infinite alternate!important;mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){body.art-pass.lagoon-pass[data-companion=mushroom] .product-workspace .room-scene:after{animation:none!important}}

body.art-pass.lagoon-pass[data-companion]:not([data-companion=pip]) .lagoon-ornament{display:none}

/* v38: spacious picker; preserve atlas aspect ratio instead of clamping its height. */
body.art-pass.lagoon-pass #modal:has(.companion-picker){width:min(960px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.companion-picker{gap:20px}
.companion-picker>button{min-width:0;padding:16px}
.companion-picker strong{overflow-wrap:anywhere;font-size:17px;line-height:1.4}
.companion-card-art{--picker-art-height:210px;height:var(--picker-art-height);padding:12px;box-sizing:content-box;width:auto}
.companion-card-art .companion-atlas{width:min(100%,calc(var(--picker-art-height) * var(--atlas-ratio)));height:auto;max-height:none;aspect-ratio:var(--atlas-ratio)}
.companion-card-art .companion-cutout{height:100%;width:100%;object-fit:contain}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .sidebar{align-items:stretch}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .side-nav a{display:flex;justify-content:center;align-items:center;gap:0;padding:12px 0}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .nav-collapse{display:flex;align-items:center;justify-content:center;width:100%;margin-inline:0;padding:10px 0;gap:0}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .sidebar-tools{width:100%;box-sizing:border-box;padding:12px 0;gap:12px;align-items:center;flex-wrap:nowrap}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .sidebar-tools .demo-label{display:flex!important;align-items:center;justify-content:center;width:36px;min-width:0;padding:0!important;margin:0!important;border:0!important;background:transparent!important;flex:none}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .sidebar-tools button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 36px;margin:0!important;padding:0!important;line-height:1;text-decoration:none}
body.art-pass.lagoon-pass .product-workspace.nav-collapsed .sidebar-tools button:before{display:block;line-height:1}
@media(max-width:600px){.companion-picker{gap:12px}.companion-card-art{--picker-art-height:180px}}
/* v39: reserve pagination space; scroll panes consume only the remaining height. */
@media(min-width:851px){
body.art-pass.lagoon-pass[data-page=board] .product-workspace .content{height:calc(100dvh - 60px);min-height:0;overflow:auto}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .content> :not(.job-browser){flex-shrink:0}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-browser{height:auto;min-height:180px;flex:1 1 0;overflow:hidden}
body.art-pass.lagoon-pass[data-page=board] .product-workspace :is(.job-results,.board-detail){height:100%;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .feed-pages{flex:0 0 auto;min-height:48px;margin:0;padding:8px 0}
}
@media(max-width:850px){body.art-pass.lagoon-pass[data-page=board] .product-workspace .content{height:auto;overflow:visible}body.art-pass.lagoon-pass[data-page=board] .product-workspace .feed-pages{padding:12px 0;position:relative}}
.sidebar-tools [data-action=cloud-feedback]:before{content:none!important}
.sidebar-tools [data-action=cloud-feedback] svg{display:block;flex:none;width:18px;height:18px;margin:auto}
/* v40: a full page of listings, not a short inner scrolling list. */
@media(min-width:851px){
body.art-pass.lagoon-pass[data-page=board] .product-workspace .content{display:block;height:calc(100dvh - 56px);overflow-y:auto;padding-bottom:24px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-browser{display:grid;height:auto;min-height:calc(100dvh - 260px);overflow:visible;align-items:start;margin-top:12px}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .job-results{height:auto;max-height:none;min-height:calc(100dvh - 260px);overflow:visible}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .board-detail{position:sticky;top:12px;height:calc(100dvh - 100px);max-height:calc(100dvh - 100px);min-height:0;overflow-y:auto}
body.art-pass.lagoon-pass[data-page=board] .product-workspace .feed-pages{width:32%;min-width:260px;justify-content:center;padding:16px 0;margin:0}
}