/* UI50 · Product/sold-card correctness + collision fixes.
   Loaded last: this layer resolves the remaining UI47/UI48 conflicts. */

/* Active card: keep the two-price summary, but reserve real width for it so it
   never runs under the close button. */
@media (min-width:761px){
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-head{
    grid-template-columns:54px minmax(0,1fr) minmax(190px,220px) 36px!important;
  }
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47{
    width:100%!important;min-width:0!important;max-width:220px!important;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    gap:0!important;padding:6px 8px!important;overflow:hidden!important;
  }
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47>div{min-width:0!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale{padding-right:8px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-buy{min-width:0!important;padding-left:8px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47 small,
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47 strong,
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47 em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale strong{font-size:17px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-buy strong{font-size:11.5px!important}
  .inventory-product-close{position:relative;z-index:3;justify-self:end!important}

  /* Sold card gets its own reserved deal-summary column. */
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-head{
    grid-template-columns:54px minmax(0,1fr) minmax(220px,250px) 36px!important;
  }
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-price-ui48{
    width:100%!important;min-width:0!important;max-width:250px!important;
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)!important;
    gap:0!important;overflow:hidden!important;
  }
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-price-ui48>div{min-width:0!important;padding:7px 9px!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-head-sale-ui48 strong{font-size:17px!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-head-buy-ui48 strong{font-size:11px!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-price-ui48 small,
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-price-ui48 strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}
}

@media (min-width:761px) and (max-width:1050px){
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-head{grid-template-columns:50px minmax(0,1fr) 184px 34px!important;gap:8px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47{max-width:184px!important;padding-left:6px!important;padding-right:6px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale strong{font-size:15px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-buy strong{font-size:10.5px!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-head{grid-template-columns:50px minmax(0,1fr) 205px 34px!important;gap:8px!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-price-ui48{max-width:205px!important}
}

/* Sold state is identified synchronously from the initial status. If the
   authoritative sale payload has not arrived yet, never show the active-card
   economics underneath it. */
.inventory-product-modal[data-sold-pending-ui50="1"]{position:relative}
.inventory-product-modal[data-sold-pending-ui50="1"] .inventory-product-facts,
.inventory-product-modal[data-sold-pending-ui50="1"] .inventory-product-tabs,
.inventory-product-modal[data-sold-pending-ui50="1"] .inventory-product-body,
.inventory-product-modal[data-sold-pending-ui50="1"] .inventory-product-foot{visibility:hidden!important}
.inventory-product-modal[data-sold-pending-ui50="1"]::after{
  content:"Загружаем данные продажи…";position:absolute;left:50%;top:50%;z-index:6;
  transform:translate(-50%,-50%);padding:10px 14px;border:1px solid var(--b-line);
  border-radius:12px;background:var(--b-surface);box-shadow:var(--b-shadow-soft);
  color:var(--b-text-2);font-size:10px;font-weight:750;white-space:nowrap;
}
.inventory-sold-price-pending-ui50{display:block!important;min-width:0!important;max-width:220px!important}
.inventory-sold-loading-ui50{display:grid;gap:3px;padding:5px 7px!important}
.inventory-sold-loading-ui50 small{font-size:8px!important;color:var(--b-text-3)!important}
.inventory-sold-loading-ui50 strong{font-size:10px!important;color:var(--b-text-2)!important;white-space:nowrap}

/* Sold facts and accounting: date/profit are first-class data, not an implied
   side effect of the status. */
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-date-fact-ui50 strong{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-date-fact-ui50 small{display:block;margin-top:2px;color:var(--b-text-3);font-size:7.5px;font-weight:650}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-date-row-ui50 strong{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-variant-numeric:tabular-nums}
.inventory-sale-date-source-ui50{color:var(--b-text-3);font-size:7.5px;font-weight:650;white-space:nowrap}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-buyer-row-ui50 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-deal-ui50{grid-column:span 6!important;min-width:0!important;width:auto!important}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-deal-ui50 .inventory-card-section-body,
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-deal-ui50 .inventory-info-row{min-width:0!important}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-deal-ui50 .inventory-card-section-body{padding-top:2px!important;padding-bottom:2px!important}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-actual-price-ui50 strong{color:var(--b-text)!important;font-size:11.5px!important;font-weight:850!important}
.inventory-product-modal[data-sold-ui48="1"] .inventory-sold-margin-ui50 strong{font-size:11.5px!important;font-weight:850!important}

/* Native warehouse events on the dashboard are clickable product rows. */
.dashboard-event-row-action{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none}
.dashboard-event-row-action:focus-visible{outline:2px solid color-mix(in srgb,var(--b-green) 55%,transparent);outline-offset:2px;border-radius:8px}

@media (max-width:760px){
  /* Active mobile header: only the primary sale/card amount belongs in the
     sticky header; purchase remains available in Economics below. */
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-product-price-ui47{
    width:100%!important;min-width:0!important;max-width:none!important;
    grid-template-columns:1fr!important;gap:0!important;padding:3px 5px!important;
  }
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-buy{display:none!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale strong{font-size:clamp(12px,3.6vw,14px)!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale small{font-size:6.5px!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale em{font-size:6.5px!important;line-height:1!important;white-space:nowrap!important}
  .inventory-card-ui47:not([data-sold-ui48="1"]) .inventory-head-price-sale em b{font-size:7px!important}

  .inventory-product-modal[data-sold-ui48="1"] .inventory-sold-deal-ui50{grid-column:1/-1!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-product-price-ui48 small{white-space:normal!important;line-height:1!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-sold-date-fact-ui50 strong{font-size:clamp(7.5px,2.15vw,8.5px)!important}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-sold-date-row-ui50 strong{display:block;text-align:right}
  .inventory-sale-date-source-ui50{display:block;margin-top:1px}
  .inventory-product-modal[data-sold-ui48="1"] .inventory-sold-actual-price-ui50 strong,
  .inventory-product-modal[data-sold-ui48="1"] .inventory-sold-margin-ui50 strong{font-size:10px!important}
  .inventory-product-modal[data-sold-pending-ui50="1"]::after{font-size:9px;padding:8px 10px}
}