/* TASK-214 / IDR-146. Namaka WB v0.3: N-CMP-102-M/107/005/202-M.
 * Selector/declaration transplant map (archives are not imported or edited):
 * - Header rows: mobile-workspace-candidate-v0.2.css .m-head/.m-quick-button,
 *   v0.3.css .m-top/.m-control-row; layout aliases only, no new type roles.
 * - Orders: mobile-orders-review-v0.19.css:6-10 (16/21/550,13/18,26/31),
 *   v0.20.css:4-29 (date400, status anatomy/tones, WB22),
 *   v0.22.css:5-8 (date13/18, v19 restored), v0.23.css:24-28 (footer/place).
 * - Reviews: mobile-reviews-review-v0.24.css:6-14 (14/14/10 padding,
 *   title16/21/550, date12/18/400, copy14/20/400, link44/12/17),
 *   mobile-reviews-review-v0.25.css:6-8 (footer flex/gap8, author12/18),
 *   and mobile-reviews-review-v0.24.css:19-22 (320).
 * - Two-line snippet: existing N-CMP-202 text clamp, orders-v0.18.css:17.
 * Header title/logo/toolbar are owned by the other shared adapters, not this file.
 * Grid/flex positions below are aliases for existing live td nodes, not a new
 * table renderer. Every rule is opt-in AND <=880px; desktop declarations0.
 */
@media(max-width:880px){
 html[data-mobile-cards-parity] body:is([data-page="orders"],.studio-review) .product-heading{
  grid-template-rows:48px 44px;row-gap:12px;min-height:0;padding:14px 16px 9px;margin-bottom:0;
 }
 html[data-mobile-cards-parity] body:is([data-page="orders"],.studio-review) .product-heading>.n-analytics-actions{
  grid-column:1/-1;grid-row:2;margin:0!important;justify-self:start;align-self:start;
 }
 html[data-mobile-cards-parity] body:is([data-page="orders"],.studio-review) .product-heading :is(#quick-analytics-trigger,#quick-toggle){
  height:44px;min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;font-size:12px;line-height:18px;
 }
 html[data-mobile-cards-parity] #product-table#product-table [data-mobile-cards-source],
 html[data-mobile-cards-parity] [data-mobile-cards-placeholder]{display:none!important}

 /* Existing N-CMP-202-M grid prevents a short footer stealing body width. */
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row:not(.child-row){
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 8px;padding-top:10px;padding-bottom:8px;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="date"]{
  grid-column:1;grid-row:1;order:1;flex:1 1 calc(50% - 4px);font-size:13px;line-height:18px;font-weight:400;white-space:nowrap;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="status"]{
  grid-column:2;grid-row:1;order:2;flex:1 1 calc(50% - 4px);text-align:right;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="contents"]{
  grid-column:1;grid-row:2;order:3;flex:1 1 0;font-size:16px;line-height:21px;font-weight:550;white-space:normal;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-content-lines,
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-single{max-width:100%;min-width:0;white-space:normal}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-contents[data-mobile-contents]{height:auto}
 html[data-mobile-cards-parity="orders"] #product-table#product-table td[data-field="contents"] :is(.name-button,.n-order-content-title){
  font-size:16px;line-height:21px;font-weight:550;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table td[data-field="contents"] .row-context{
  font-size:13px;line-height:18px;font-weight:400;margin-top:3px;white-space:normal;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="amount"]{
  grid-column:2;grid-row:2;order:4;flex:0 0 auto;font:500 26px/31px Arial,-apple-system,BlinkMacSystemFont,sans-serif!important;white-space:nowrap;font-variant-numeric:tabular-nums;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="boughtAmount"]{grid-column:1/-1;grid-row:3;order:5;flex:1 0 100%}
 html[data-mobile-cards-parity="orders"] #product-table#product-table td[data-field="boughtAmount"][data-mobile-empty="true"]{display:none!important}
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="orderId"]{grid-column:1/-1;grid-row:4;order:6;flex:0 1 auto;max-width:100%}
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="destination"]{
  grid-column:1/-1;grid-row:5;order:7;flex:1 1 auto;max-width:100%;min-width:0;margin-left:auto;font-size:11px;line-height:16px;text-align:right;white-space:normal;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-mobile-extra]{order:8;flex:1 0 100%}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-id{
  display:inline-flex;width:auto;max-width:100%;min-height:44px;justify-content:flex-start;gap:0;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-number{flex:0 1 auto;font-size:12px;font-weight:400;direction:ltr;text-align:left}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-wb-link{display:inline-flex;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
 html[data-mobile-cards-parity="orders"] .m-v20-wb-logo{display:block;width:22px;height:22px;object-fit:contain}
 /* Exact v0.20 status anatomy. The marker follows an existing label/tone only. */
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status{
  box-sizing:border-box;max-width:100%;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:var(--compact);font-size:12px;line-height:17px;font-weight:500;background:var(--paper);white-space:nowrap;
 }
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status[data-mobile-stage="new"],
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status[data-mobile-stage="completed"]{color:var(--good);background:color-mix(in srgb,var(--good) 7%,var(--paper));border-color:var(--line)}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status:is([data-mobile-stage="delivering"],[data-mobile-stage="assembly"],[data-mobile-stage="pickup"]){color:var(--attention,var(--warn));background:color-mix(in srgb,var(--attention,var(--warn)) 7%,var(--paper));border-color:var(--line)}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status[data-mobile-stage="cancelled"]{color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,var(--paper));border-color:var(--line)}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status[data-mobile-stage="unknown"]{color:var(--muted);background:color-mix(in srgb,var(--muted) 5%,var(--paper));border-color:var(--line)}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status[data-mobile-stage="new"]>svg{display:none}
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status[data-mobile-stage="new"]::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
 /* Do not let the product-title selector resize the title INSIDE a status. */
 html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status .n-order-content-title{font:inherit;white-space:inherit;overflow:hidden;text-overflow:ellipsis}

 /* Reviews: keep cells/handlers, restore the accepted heading/meta/copy/footer. */
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row{padding:14px 14px 10px}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="product"]{
  grid-column:1;grid-row:1;font-size:16px;line-height:21px;font-weight:550;white-space:normal;
 }
 html[data-mobile-cards-parity="reviews"] #product-table#product-table .rw-product-link{font:inherit;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="stars"]{grid-column:2;grid-row:1;font-size:14px;line-height:21px;text-align:right;white-space:nowrap}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="date"]{grid-column:1;grid-row:2;margin-top:6px;font-size:12px;line-height:18px;font-weight:400;color:var(--muted);white-space:normal}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="answer"]{grid-column:2;grid-row:2;margin-top:6px;text-align:right}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table .rw-answer{min-height:26px;padding:3px 8px;font-size:11px;line-height:18px}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="text"]{grid-column:1/-1;grid-row:3;margin:9px 0 0;font-size:14px;line-height:20px;font-weight:400;white-space:normal}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table .rw-review-text{font:inherit;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="media"]{grid-column:1/-1;grid-row:4}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table td[data-mobile-cards-empty-media]{display:none!important}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-mobile-cards-footer]{display:block!important;grid-column:1/-1;grid-row:5}
 html[data-mobile-cards-parity="reviews"] .m-v25-review-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table .m-v25-review-footer .n-mobile-wb{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;min-height:44px;margin-top:3px;font-size:12px;line-height:17px;font-weight:550;color:var(--ink);white-space:normal}
 html[data-mobile-cards-parity="reviews"] .m-v25-review-author{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--muted);font-size:12px;line-height:18px}
 html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-mobile-extra]{grid-row:auto;grid-column:1/-1}
 @media(max-width:340px){
  html[data-mobile-cards-parity="orders"] #product-table#product-table tr.data-row>td[data-field="amount"]{font-size:24px!important}
  html[data-mobile-cards-parity="orders"] #product-table#product-table .n-order-status{padding-inline:6px;font-size:11px}
  html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="product"]{font-size:15px}
  html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="stars"]{font-size:12px}
  html[data-mobile-cards-parity="reviews"] #product-table#product-table tr.data-row>td[data-field="date"]{font-size:11px}
 }
}