/* Package 1.7 · «Товары» → «Экономика SKU». Цвета — токены index.html (светлая/тёмная тема). */
#v-products-econ .pe-wrap { padding: 12px 0; }
#v-products-econ h2 { margin: 0 0 4px; font-size: 20px; }
#v-products-econ h3 { margin: 0; font-size: 16px; }
#v-products-econ .pe-sub { color: var(--text-muted); font-size: 13px; margin-bottom: 10px; }
#v-products-econ .pe-controls { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; font-size: 13px; }
#v-products-econ .pe-controls select { margin-left: 6px; padding: 4px 6px; border: 1px solid var(--border); border-radius: 6px; background: transparent; color: var(--text); }
#v-products-econ .pe-lists { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
#v-products-econ .pe-lists button { border: 1px solid var(--border); background: transparent; color: var(--text); border-radius: 999px; padding: 4px 10px; font-size: 13px; cursor: pointer; }
#v-products-econ .pe-lists button.active { background: var(--accent-bg); border-color: var(--accent); }
#v-products-econ .pe-nd { color: var(--text-muted); font-size: 12px; }
#v-products-econ .pe-body { overflow-x: auto; }
#v-products-econ .pe-table { width: 100%; border-collapse: collapse; font-size: 13px; }
#v-products-econ .pe-table th, #v-products-econ .pe-table td { padding: 6px 8px; border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; }
#v-products-econ .pe-table th { color: var(--text-muted); font-weight: 500; }
#v-products-econ .pe-table tbody tr[data-pe-article] { cursor: pointer; }
#v-products-econ .pe-table tbody tr[data-pe-article]:hover { background: var(--accent-bg); }
#v-products-econ tr.pe-loss td:first-child { box-shadow: inset 3px 0 0 #ef4444; }
#v-products-econ .pe-nodata { color: var(--text-muted); cursor: help; }
#v-products-econ .pe-warn { color: #d97706; }
#v-products-econ .pe-q { display: inline-block; font-size: 11px; padding: 0 6px; border-radius: 999px; border: 1px solid var(--border); color: var(--text-muted); }
#v-products-econ .pe-q-estimate { border-color: #d97706; color: #d97706; }
#v-products-econ .pe-q-allocation { border-color: #8b5cf6; color: #8b5cf6; }
#v-products-econ .pe-q-fact { border-color: #16a34a; color: #16a34a; }
#v-products-econ .pe-state { padding: 16px; color: var(--text-muted); }
#v-products-econ .pe-error { color: #ef4444; }
#v-products-econ .pe-card { margin-top: 14px; padding: 12px; border: 1px solid var(--border); border-radius: 10px; }
#v-products-econ .pe-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
#v-products-econ .pe-close { border: 0; background: transparent; color: var(--text); font-size: 16px; cursor: pointer; }
#v-products-econ .pe-context { margin: 6px 0 10px; padding: 8px 10px; border-left: 3px solid #d97706; background: var(--accent-bg); border-radius: 6px; font-size: 13px; }
#v-products-econ .pe-det { color: var(--text-muted); white-space: normal; font-size: 12px; }
/* T-2775: статус товара (флаг PROFITOS_SKU_STATUS). ПК — колонка; планшет — под артикулом; телефон — карточка */
#v-products-econ .pe-st { white-space: normal; max-width: 280px; }
#v-products-econ .pe-st summary { cursor: pointer; list-style: none; }
#v-products-econ .pe-st summary::-webkit-details-marker { display: none; }
#v-products-econ .pe-st-tag { display: inline-block; font-size: 12px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--border); }
#v-products-econ .pe-st-crit { border-color: #ef4444; color: #ef4444; }
#v-products-econ .pe-st-warn { border-color: #d97706; color: #d97706; }
#v-products-econ .pe-st-ok { border-color: #16a34a; color: #16a34a; }
#v-products-econ .pe-st-nd { color: var(--text-muted); }
#v-products-econ .pe-st-why, #v-products-econ .pe-st-date { font-size: 12px; color: var(--text-muted); margin-top: 3px; overflow-wrap: anywhere; }
#v-products-econ .pe-st-under { display: none; margin-top: 4px; }
@media (max-width: 1024px) {
  #v-products-econ .pe-has-status .pe-st-col { display: none; }
  #v-products-econ .pe-has-status .pe-st-under { display: block; }
}
@media (max-width: 600px) {
  #v-products-econ .pe-has-status thead { display: none; }
  #v-products-econ .pe-has-status, #v-products-econ .pe-has-status tbody { display: block; }
  #v-products-econ .pe-has-status tr { display: block; margin-bottom: 10px; border: 1px solid var(--border); border-radius: 10px; padding: 6px 4px; }
  #v-products-econ .pe-has-status td { display: flex; justify-content: space-between; gap: 8px; white-space: normal; border-bottom: 0; padding: 3px 8px; }
  #v-products-econ .pe-has-status td[data-l]::before { content: attr(data-l); color: var(--text-muted); }
  #v-products-econ .pe-has-status td:first-child { display: block; font-weight: 600; }
  #v-products-econ .pe-has-status td:first-child::before { content: none; }
  #v-products-econ .pe-has-status .pe-st { max-width: none; font-weight: 400; }
}