/* TASK-214 / Namaka WB v0.3 / N-CMP-004-S,005,104,202-TM.
 * Selector aliases only; declaration sources (approved v0.36 + pretransfer-r2):
 * search/filter: mobile-workspace-candidate-v0.2.css:8,12;
 * count/actions/frame: mobile-products-table-review-v0.30.css:7-20,
 *                     mobile-review-polish-v0.1.css:9-18;
 * numeric roles: mobile-products-table-review-v0.33.css:9,11,35,
 *                mobile-products-desktop-parity-v0.35.css:15;
 * density/headings: mobile-products-row-density-v0.36.css:7-27.
 * Instrument is the live alias of the SAME InstrumentSans-Variable.ttf file
 * used by approved InstrumentMobile; no font face, token or size is invented.
 * Resets remove inherited desktop wrappers/top-strokes; calculations and DOM
 * event owners remain the existing Products renderer.
 */
@media(max-width:880px){
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-search-row{display:flex;gap:8px;align-items:center;padding:8px 0;width:100%;align-self:stretch}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .nmp-search-row .product-search{height:44px;display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;width:auto;max-width:none;background:var(--paper);border:1px solid var(--line);border-radius:2px 11px 2px 11px;padding:0 12px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-search-row .product-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:13px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-search-row .product-search svg{width:17px;height:17px;color:var(--muted);flex:none}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-search-row .nmp-options{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;border-radius:2px 11px 2px 11px;border:1px solid var(--line);background:var(--paper)}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-search-row .nmp-options svg{width:20px;height:20px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .product-commands.nmp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;margin:8px 0 12px;padding:0;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:17px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-count{white-space:nowrap}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .product-commands .product-command-actions.nmp-actions{display:flex;align-items:center;gap:8px;min-width:0;width:100%;justify-content:space-between;margin:0;padding:0}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .nmp-actions button{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;line-height:17px;font-weight:400;white-space:nowrap}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-secondary:not(.nmp-in-panel){display:none!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-options-panel{display:grid;gap:12px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] .nmp-options-panel .nmp-secondary[hidden]{display:none!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .table-conditions:not(:has(.applied-filters:not([hidden]))){display:none}
 /* One N-CMP-202-S frame: the actual scroll region owns the accepted stroke. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .n-table-viewport{border:0;border-radius:0;background:transparent}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products .product-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;background:var(--paper);border:1px solid var(--line);border-radius:6px 26px 6px 26px;scrollbar-width:thin}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table{min-width:var(--nmp-table-width,356px)!important;width:max(100%,var(--nmp-table-width,356px))!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table col:first-child,
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table col:not(:first-child){width:var(--nmp-column-share)!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table tbody td{padding:0 10px!important;vertical-align:middle;font-family:Instrument,Arial,sans-serif;font-size:14px;line-height:19px;font-weight:400;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line)}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table tbody tr.card-row>td{border-top:0}
 /* Accepted v0.33:36: color children form one subordinate canvas band. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table tbody tr.color-row>td{background:var(--canvas)!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table tbody td[data-field="name"]{padding-left:6px!important;padding-right:4px!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table thead th,
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table thead button{font-size:11px;line-height:15px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table thead th{height:44px;padding-top:0!important;padding-bottom:0!important;padding-left:0!important;padding-right:0!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table thead th:first-child{padding-left:6px!important}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .label-sort{width:auto;flex:0 0 auto;text-align:right;white-space:nowrap;overflow:visible;text-overflow:clip}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table th:first-child .label-sort{text-align:left}
 /* Existing 4px header control inset separates adjacent labels; last header
    keeps its full intrinsic capacity. No new column or typography width. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table th.number:not(:last-child) .label-sort{padding-right:4px}
 /* v0.33:21 removes the empty arrow's footprint, not the sorting handler. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table th[aria-sort="none"] .sort-hanging{display:none}
 /* v0.30:26-29 + v0.36:15-20, actual native disclosure/SVG aliases.
    Native SVG points down (approved source uses a left-pointing back glyph),
    so wrapper rotation is normalized by +90deg: closed down, expanded up. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .tree-toggle{display:flex;align-items:center;width:100%;min-height:44px;gap:4px}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .card-row .tree-toggle{min-height:56px}
 /* Exact hierarchy aliases: v0.33:17/18 and v0.36:26/27. The live
    adapter places color .tree-toggle in name; terminal size stays .name-button. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .color-row td[data-field="name"] .tree-toggle{padding-left:12px;font-size:12px;line-height:17px;font-weight:400}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .color-row td[data-field="name"] .name-button{font-size:12px;line-height:17px;font-weight:400}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .size-row td[data-field="name"] .name-button{padding-left:58px;font-size:11px;line-height:15px;font-weight:400;color:var(--muted)}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .tree-chevron{position:static;left:auto;top:auto;display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;margin-top:0;transform:none;transition:transform 150ms ease}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .tree-toggle[aria-expanded="false"] .tree-chevron{transform:none}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .tree-toggle[aria-expanded="true"] .tree-chevron{transform:rotate(180deg)}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .tree-chevron svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .nmp-name-stack{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .nmp-detail{display:block;max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;font-weight:400;color:var(--muted)}
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table td[data-mobile-detail]:has(.nmp-name-stack)::after{display:none}
 /* Restore the existing monetary inline reset with sufficient scope to defeat
    legacy v0.1's sorted-button span selector. Only the existing arrow accents. */
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table th .label-sort span.m-money[data-currency-unit]{display:inline;font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0}
}
@media(prefers-reduced-motion:reduce){
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table .tree-chevron{transition:none}
}
@media(max-width:390px){
 html[data-mobile-live="v03"][data-mobile-products-parity="v01"] body.ops-products #product-table tbody td{padding-left:2px!important;padding-right:2px!important;font-size:12px}
}