/* DS-2.0 only. Narrowly scoped to the user-requested controls. */
html body #app#app#app#app#app#app#app#app .usability-registration-list .table-wrap{max-height:var(--registration-list-height,720px);height:auto;min-height:0;overflow:auto;overscroll-behavior:auto;}
html body #app#app#app#app#app#app#app#app .usability-registration-list :is(th,td){padding:var(--s-2) var(--s-3);vertical-align:middle;line-height:1.4;}
html body #app#app#app#app#app#app#app#app .usability-registration-list [data-registration-column=name]{min-width:260px;width:280px;max-width:340px;}
html body #app#app#app#app#app#app#app#app .usability-registration-list .namecell{width:100%;min-width:240px;gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app .usability-registration-list .namecell strong{white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.4;}
html body #app#app#app#app#app#app#app#app .usability-registration-list [data-registration-column=actions]>.row-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s-2);white-space:nowrap;}
html body #app#app#app#app#app#app#app#app .usability-registration-list .row-actions>.row-more{display:inline-block;flex:0 0 auto;margin:0;min-width:0;}
html body #app#app#app#app#app#app#app#app .usability-registration-list .row-actions>button{white-space:nowrap;flex-shrink:0;}
html body #editor#editor#editor#editor#editor#editor :is(#cat-new-candidate-form,#candidate-detail-form) .formgrid{gap:var(--s-2) var(--s-3);}
html body #editor#editor#editor#editor#editor#editor :is(#cat-new-candidate-form,#candidate-detail-form) .field{margin-block:0;gap:var(--s-1);min-width:0;}
html body #editor#editor#editor#editor#editor#editor :is(#cat-new-candidate-form,#candidate-detail-form) .registration-material-drop{min-height:0;width:fit-content;max-width:100%;padding:var(--s-2) var(--s-3);gap:var(--s-1);border-radius:var(--r-sm);}
html body #editor#editor#editor#editor#editor#editor :is(#cat-new-candidate-form,#candidate-detail-form) .registration-material-drop input[type=file]{overflow-wrap:anywhere;}
html body :is(#editor,#app):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) [name=replenishmentPlan]{width:160px;max-width:100%;height:var(--control-h);min-height:var(--control-h);padding:var(--s-2);resize:vertical;}
html body #app#app#app#app#app#app#app#app :is(.registration-basic,.registration-market,.registration-links,.cat-detail-title,.registration-task-card){padding:var(--s-3);gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app .cat-detail-sheet .cat-cardhead{margin-bottom:var(--s-2);}
html body #app#app#app#app#app#app#app#app .cat-detail-sheet :is(.cat-right-stack,.cat-detail-grid,.cat-kv){gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app .cat-detail-sheet :is(.cat-kv>div,.cat-compact-links,.cat-keyword-tags){padding-block:var(--s-1);gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app .profit-page .profit-info{display:block;}
html body #app#app#app#app#app#app#app#app .profit-info>.profit-sectionhead{display:flex;margin-bottom:var(--s-3);}
html body #app#app#app#app#app#app#app#app .profit-info-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:var(--s-3);}
html body #app#app#app#app#app#app#app#app .profit-info-grid>.field{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;gap:var(--s-2);margin:0;min-width:0;}
html body #app#app#app#app#app#app#app#app .profit-info-grid :is(input,select){width:100%;min-width:0;height:var(--control-h);}
html body #app#app#app#app#app#app#app#app .own-card #biz-own-form>.table-wrap{max-height:none;max-width:100%;overflow:auto;overscroll-behavior:auto;}
html body #app#app#app#app#app#app#app#app .own-card :is(.own-table td,.own-table th){padding:var(--s-2);}
html body #app#app#app#app#app#app#app#app .usability-deep-records{margin:var(--s-4) 0 0;padding:var(--s-3) 0 0;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;}
html body #app#app#app#app#app#app#app#app .biz-info-compact>.cat-cardhead,html body #app#app#app#app#app#app#app#app #bp-card>.cat-cardhead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap;}
html body #app#app#app#app#app#app#app#app :is(.biz-info-compact>.cat-cardhead,#bp-card>.cat-cardhead)>button{position:relative;z-index:5;pointer-events:auto;white-space:nowrap;min-height:var(--control-h-sm);}
html body #app#app#app#app#app#app#app#app .vi3-compact-inputs{gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app .vi3-input-tile{padding:var(--s-2) var(--s-3);min-height:0;gap:var(--s-1);}
html body #app#app#app#app#app#app#app#app .vi3-input-thumbs img{width:32px;height:32px;}
html body #app#app#app#app#app#app#app#app .vi3-input-excerpt{line-height:1.4;}
html body #app#app#app#app#app#app#app#app .usability-save-materials{align-self:center;flex:0 0 auto;white-space:nowrap;}
html body #app#app#app#app#app#app#app#app .listing-preview-canvas .lp-main-btn{cursor:pointer;border-radius:0;}
html body #app#app#app#app#app#app#app#app .listing-preview-canvas .lp-main-btn[data-lp-pointer-preview]:focus{outline:none;box-shadow:none;}
html body :is(#editor,#app) .field:has(>input[name=name]){position:relative;}
html body :is(#editor,#app) .registration-name-options{position:absolute;left:0;right:0;top:100%;z-index:30;max-height:240px;overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-2);padding:var(--s-1);}
html body :is(#editor,#app) .registration-name-options>button{display:block;width:100%;text-align:left;border:0;border-radius:var(--r-xs);background:var(--surface);color:var(--text);padding:var(--s-2);white-space:normal;}
html body :is(#editor,#app) .registration-name-options>button:is(:hover,[aria-selected=true]){background:var(--accent-soft);color:var(--accent-text);}
@media(max-width:1100px){html body #app#app#app#app#app#app#app#app .profit-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){html body #app#app#app#app#app#app#app#app .profit-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:480px){html body #app#app#app#app#app#app#app#app .profit-info-grid{grid-template-columns:minmax(0,1fr);}}

html body #editor#editor#editor#editor#editor#editor :is(#cat-new-candidate-form,#candidate-detail-form) input:not([type=checkbox]):not([type=file]):not([type=hidden]),html body #editor#editor#editor#editor#editor#editor :is(#cat-new-candidate-form,#candidate-detail-form) select{min-height:var(--control-h-sm);height:var(--control-h-sm);padding-block:var(--s-1);}

html body #app#app#app#app#app#app#app#app .usability-registration-list{height:auto;min-height:0;}
html body #app#app#app#app#app#app#app#app .usability-registration-list .table-wrap{flex:none;}

html body #app#app#app#app#app#app#app#app .own-card{min-width:0;max-width:100%;}

/* Shared compact product browser and explicit latest-user column widths. DS-2.0 tokens retained. */
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list [data-registration-column=name]{min-width:180px;width:180px;max-width:180px;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list .namecell{min-width:0;width:100%;gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list .namecell>div{min-width:0;flex:1;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list .namecell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list [data-registration-column=task]{width:156px;min-width:120px;max-width:156px;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list [data-registration-column=keyword]{width:148px;min-width:100px;max-width:148px;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list [data-registration-column=peakMonths]{width:76px;min-width:76px;max-width:76px;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list .registration-cell-clip{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list .registration-cell-clip>button{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;min-height:0;}
html body #app#app#app#app#app#app#app#app#app#app .usability-registration-list tr:has(.row-more[open])>td{z-index:8;}
html body #app#app#app#app#app#app#app#app#app#app .registration-front-menu:popover-open{display:grid;position:fixed;inset:auto;left:var(--menu-x,8px);top:var(--menu-y,8px);right:auto;bottom:auto;margin:0;width:224px;min-width:0;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);}
html body #app#app#app#app#app#app#app#app#app#app .registration-front-menu:popover-open::backdrop{background:transparent;pointer-events:none;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list{padding:var(--s-4);min-width:0;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-list{display:flex;flex-direction:column;gap:var(--s-1);margin:var(--s-3) 0;max-height:560px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;align-items:stretch;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--s-2);width:100%;min-width:0;min-height:44px;height:44px;flex:0 0 auto;padding:6px var(--s-2);margin:0;border:0;border-radius:var(--r-sm);background:transparent;text-align:left;box-shadow:none;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item :is(img,.cat-thumb){width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;object-fit:contain;flex:0 0 32px;border-radius:var(--r-xs);}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-name{min-width:0;flex:1;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item strong{display:block;font-size:var(--fs-sm);line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item:hover{background:var(--surface-hover);}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item:is(.active,:active){background:var(--surface-selected);color:var(--accent-text);}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-item:disabled{opacity:.5;cursor:not-allowed;}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-search{height:var(--control-h);min-height:var(--control-h);}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-shortcuts{margin-top:var(--s-3);padding-top:var(--s-3);}
html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-shortcuts button{padding-block:var(--s-1);min-height:var(--control-h-sm);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .biz-product-layout,html body #app#app#app#app#app#app#app#app#app#app .cat-completed-layout{grid-template-columns:248px minmax(0,1fr);gap:var(--s-4);border:0;background:transparent;overflow:visible;align-items:start;}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .biz-product-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .simple-product-detail{padding:0;}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .simple-product-detail>.card{padding:var(--s-4);margin:0 0 var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:0 0 var(--s-4);}
html body #app#app#app#app#app#app#app#app#app#app .product-material-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2);padding-block:var(--s-2);}
html body #app#app#app#app#app#app#app#app#app#app .product-material-head h2{font-size:var(--fs-lg);margin:0;}
html body #app#app#app#app#app#app#app#app#app#app .product-material-head button{min-height:var(--control-h-sm);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel .simple-info-row{background:var(--surface);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);margin:0;min-height:110px;align-self:stretch;}
html body #app#app#app#app#app#app#app#app#app#app .product-info-preview{margin:var(--s-2) 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--fs-sm);line-height:1.5;color:var(--text-2);pointer-events:none;}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel .cat-cardhead{gap:var(--s-2);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel .cat-cardhead h2{font-size:var(--fs-md);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel .cat-cardhead>.actions{margin-left:auto;gap:var(--s-1);}
html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel .cat-cardhead .actions button{padding-inline:var(--s-2);}
html body #app#app#app#app#app#app#app#app#app#app .usability-save-materials{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);box-shadow:none;}
html body #app#app#app#app#app#app#app#app#app#app .usability-save-materials:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent);}
html body #app#app#app#app#app#app#app#app#app#app .usability-save-materials:active{background:var(--accent-press);color:var(--on-accent);}
html body #app#app#app#app#app#app#app#app#app#app .usability-save-materials:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;}
html body #app#app#app#app#app#app#app#app#app#app .usability-save-materials:disabled{opacity:.5;cursor:not-allowed;}
@media(max-width:1000px){html body #app#app#app#app#app#app#app#app#app#app .simplified-products .biz-product-layout,html body #app#app#app#app#app#app#app#app#app#app .cat-completed-layout{grid-template-columns:minmax(0,1fr);}html body #app#app#app#app#app#app#app#app#app#app .compact-product-list .cat-product-list{max-height:280px;}}
@media(max-width:760px){html body #app#app#app#app#app#app#app#app#app#app .simplified-products .product-material-panel{grid-template-columns:minmax(0,1fr);}html body #app#app#app#app#app#app#app#app#app#app .product-material-head{align-items:flex-start;}html body #app#app#app#app#app#app#app#app#app#app .product-material-head button{white-space:normal;text-align:left;}html body #app#app#app#app#app#app#app#app#app#app .compact-product-list{padding:var(--s-3);}}

/* Shared spacing after explicit caption removal. Existing controls/colours/motion stay canonical. */
html body #app#app#app#app#app#app#app#app#app#app .workspace-quiet-head{margin-bottom:var(--s-4);align-items:center;gap:var(--s-3)}
html body #app#app#app#app#app#app#app#app#app#app .workspace-quiet-head h1{margin:0}
html body #app#app#app#app#app#app#app#app#app#app .call-mode{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);padding:0;margin:0 0 var(--s-3);border:0;background:transparent;min-height:0}
html body #app#app#app#app#app#app#app#app#app#app .registration-filter-actions{display:flex;align-items:center;gap:var(--s-2);margin-left:auto;flex-wrap:wrap}
html body #app#app#app#app#app#app#app#app#app#app .registration-filter-actions button{white-space:nowrap}
html body #app#app#app#app#app#app#app#app#app#app .page-registrations .cat-filters{align-items:center;margin:0;gap:var(--s-2);padding:var(--s-3);border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0}
html body #app#app#app#app#app#app#app#app#app#app .page-registrations .registration-extra-filters{margin:0 0 var(--s-3);border-top:0;border-bottom:1px solid var(--border);border-radius:0 0 var(--r-sm) var(--r-sm)}
html body #app#app#app#app#app#app#app#app#app#app .page-registrations .cat-filters>input[type=search]{flex:1 1 auto;min-width:0}
html body #app#app#app#app#app#app#app#app#app#app .page-registrations .cat-filters>select{flex:0 1 auto;min-width:0}
html body #app#app#app#app#app#app#app#app#app#app .workspace-quiet-panel{min-height:0}
html body #app#app#app#app#app#app#app#app#app#app :is(.beginner-product-strip,.simple-listing-product){gap:var(--s-4);align-items:center;min-height:0;padding:var(--s-4)}
html body #app#app#app#app#app#app#app#app#app#app .beginner-listing .studio-source-row{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s-2);padding:var(--s-2) 0}
html body #app#app#app#app#app#app#app#app#app#app .studio-compliance-entry{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) 0}
html body #app#app#app#app#app#app#app#app#app#app .studio-compliance-entry>.studio-cardhead{width:100%;margin:0;align-items:center}
html body #app#app#app#app#app#app#app#app#app#app .beginner-sources>.studio-cardhead .actions{gap:var(--s-2);flex-wrap:wrap;justify-content:flex-end}
html body #app#app#app#app#app#app#app#app#app#app .beginner-sources>.studio-cardhead{flex-wrap:wrap;gap:var(--s-2);align-items:center}
html body #app#app#app#app#app#app#app#app#app#app .workspace-completed :is(.cat-three,.cat-five,.cat-package-overview)>section{min-height:0}
html body #app#app#app#app#app#app#app#app#app#app .workspace-media-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);align-items:start}
html body #app#app#app#app#app#app#app#app#app#app .workspace-media-sections>.cat-media-section{grid-column:1/-1;margin:0;min-width:0;min-height:0}
html body #app#app#app#app#app#app#app#app#app#app .workspace-media-sections>.workspace-media-empty{grid-column:auto}
html body #app#app#app#app#app#app#app#app#app#app .workspace-media-empty>.cat-media-grid{grid-template-columns:minmax(0,1fr);max-width:100%;margin-bottom:0}
html body #app#app#app#app#app#app#app#app#app#app .workspace-media-empty .completion-upload-tile{min-height:0;aspect-ratio:auto;padding:var(--s-4);height:auto}
html body #app#app#app#app#app#app#app#app#app#app .lp-controls{gap:var(--s-3);padding:var(--s-4)}
html body #app#app#app#app#app#app#app#app#app#app .lp-ctl-row{align-items:end;gap:var(--s-3)}
html body #app#app#app#app#app#app#app#app#app#app .lp-ctl-actions{align-items:center}
@media(max-width:1100px){
 html body #app#app#app#app#app#app#app#app#app#app .page-registrations .cat-filters>input[type=search]{flex-basis:100%}
 html body #app#app#app#app#app#app#app#app#app#app .registration-filter-actions{margin-left:0}
}
@media(max-width:760px){
 html body #app#app#app#app#app#app#app#app#app#app .registration-filter-actions{width:100%;justify-content:flex-end}
 html body #app#app#app#app#app#app#app#app#app#app .workspace-media-sections{grid-template-columns:minmax(0,1fr)}
 html body #app#app#app#app#app#app#app#app#app#app :is(.beginner-product-strip,.simple-listing-product){padding:var(--s-3);gap:var(--s-3)}
 html body #app#app#app#app#app#app#app#app#app#app .lp-controls .lp-f-ver{flex:1 1 100%;min-width:0}
}

html body #app#app#app#app#app#app#app#app#app#app .workspace-media-sections>.workspace-media-empty[data-cat-section="videos"]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}
html body #app#app#app#app#app#app#app#app#app#app .completion-resources>.cat-card{min-height:0;padding:var(--s-4)}
@media(min-width:761px) and (max-width:1100px){html body #app#app#app#app#app#app#app#app#app#app .workspace-media-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Screenshot follow-up: concise copy and compact product/season list using existing DS-2 tokens. */
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-filters{grid-template-columns:minmax(0,1fr) 140px 140px;gap:var(--s-3)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-options{grid-template-columns:minmax(0,1fr);gap:0;overflow:visible;max-height:none;border:1px solid var(--border);border-radius:var(--r-sm)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-options .rp-picker-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--surface);margin:0;min-width:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row:last-child{border-bottom:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row.is-selected{background:var(--surface-selected);box-shadow:inset 3px 0 var(--accent)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-1);border:0;background:transparent;text-align:left;width:100%;height:auto;min-height:var(--control-h);padding:var(--s-1) 0;white-space:normal}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row>button>strong{font-size:var(--fs-md);font-weight:600;overflow-wrap:anywhere}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-meta{font-size:var(--fs-xs);font-weight:400;color:var(--text-2)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-status{display:flex;align-items:flex-start;flex-direction:column;gap:var(--s-1);font-size:var(--fs-sm)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-badge{color:var(--text-2)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-stale{color:var(--warning);font-size:var(--fs-xs)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details{font-size:var(--fs-sm);min-width:0;text-align:right}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details summary{color:var(--accent-text);cursor:pointer;white-space:nowrap}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details[open]{grid-column:1/-1;text-align:left}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details p{margin:var(--s-2) 0;color:var(--text-2);overflow-wrap:anywhere}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-options>p{padding:var(--s-3);margin:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .profit-cost [for="profit-rate"]{margin:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .profit-cost .field:has(#profit-rate){position:relative}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .profit-cost #profit-fx-line{background:transparent;padding:0;margin:0;min-height:0;font-size:var(--fs-xs)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .profit-cost #profit-fx-line button{padding:0;min-height:0;height:auto;font-size:var(--fs-xs)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .profit-cost #profit-fx-line .is-warn{display:block;overflow-wrap:anywhere}
@media(max-width:760px){
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-filters .rp-picker-search{grid-column:1/-1}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-filters label:last-child{grid-column:auto}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-options .rp-picker-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-status{grid-column:1/-1}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details{grid-column:2;grid-row:1}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details[open]{grid-column:1/-1;grid-row:auto}
}

html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .profit-rate-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-wrap:wrap}

html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row>button:hover{background:var(--surface-hover)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row>button:active{background:var(--surface-selected)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker :is(.rp-picker-row>button,.rp-picker-details>summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-row>button:disabled{opacity:.45;pointer-events:none}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details>summary:hover{text-decoration:underline}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-picker-details>summary:active{color:var(--text)}
@media(min-width:761px) and (max-width:1100px){html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-record-picker .rp-record-filters{grid-template-columns:minmax(0,1fr) 120px 120px}}

/* Button opens a bounded, scrollable selector; the page editor keeps the original source import. */
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .replenish-v96.rp-beginner-layout>.rp-picker-dropdown{position:relative;display:block;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>[data-rp="picker-toggle"]{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);max-width:100%;white-space:normal;text-align:left;background:var(--accent);color:var(--on-accent);border-color:var(--accent);min-height:var(--control-h);padding:var(--s-2) var(--s-4)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>[data-rp="picker-toggle"]:hover{filter:brightness(.96)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>[data-rp="picker-toggle"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>.rp-picker-panel{position:absolute;top:calc(100% + var(--s-2));left:0;z-index:25;width:min(100%,960px);max-height:min(70vh,560px);display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);margin:0;box-shadow:var(--shadow-2);overflow:hidden}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>.rp-picker-panel[hidden]{display:none}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown .rp-record-filters{flex:0 0 auto}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown .rp-record-options{overflow:auto;overscroll-behavior:contain;max-height:none;min-height:0;flex:1 1 auto;scrollbar-gutter:stable}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown .rp-picker-row{flex-shrink:0}
@media(max-width:760px){html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>.rp-picker-panel{width:100%;max-height:65vh;padding:var(--s-3)}html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-dropdown>[data-rp="picker-toggle"]{width:100%}}

/* Product table mirrors registration identity: real image, name and ID; original selection hook stays. */
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-record-options{display:block;overflow:auto;min-height:0;isolation:isolate}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm);table-layout:fixed;margin:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--text-2);font-weight:600;text-align:left;padding:var(--s-3);border:0;border-bottom:1px solid var(--border)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table th:first-child{width:44%}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table th:nth-child(2){width:12%}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table th:nth-child(3){width:10%}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table .rp-picker-row{display:table-row;background:var(--surface);box-shadow:none;padding:0;border:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table .rp-picker-row.is-selected{background:var(--surface-selected)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table td{padding:var(--s-2) var(--s-3);border:0;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);white-space:normal;overflow-wrap:anywhere}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table tr:last-child td{border-bottom:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-table .rp-picker-product{display:flex;align-items:center;justify-content:flex-start;gap:var(--s-3);width:100%;min-height:var(--control-h);height:auto;text-align:left;white-space:normal;padding:var(--s-1) 0;border:0;background:transparent;color:var(--accent-text)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-product :is(.cat-thumb,.cat-thumb-none){flex:0 0 calc(var(--s-5)*2);width:calc(var(--s-5)*2);height:calc(var(--s-5)*2);object-fit:contain;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-product .cat-thumb-none{display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:var(--fs-xs)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-identity{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-identity strong{font-size:var(--fs-sm);font-weight:600;overflow-wrap:anywhere}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-identity .sku{font-size:var(--fs-xs);color:var(--text-3)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-details{text-align:left;margin-top:var(--s-1)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-product:hover{background:var(--surface-hover)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-product:active{background:var(--surface-selected)}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-product:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .rp-picker-panel .rp-picker-product:disabled{opacity:.45;pointer-events:none}

/* Disabled copy must not cover the existing whole-card open button. */
html body #app#app#app#app#app#app#app#app :is(.biz-info-compact>.cat-cardhead,#bp-card>.cat-cardhead) button:disabled{pointer-events:none;}

/* VI palette captions inherit the current theme instead of a legacy white surface. */
html body #app#app#app#app#app#app#app#app #bp-card[data-vi3-root] .vi3-palette .bp-chip{background:var(--surface-2);color:var(--text);}

/* An explicitly open reference menu stays clickable after the pointer leaves its image. */
html body #app#app#app#app#app#app#app#app#app .image-page-v3 .ip-prompt-media:has(.ip-reference-menu[open]) .completion-media-actions{pointer-events:auto;}