/* Four everyday warehouse operations share the clothing application's controls. */
@media screen {
  body.clothing-interface .warehouse-operation-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 28px 0 24px;
    padding: 0;
    border: 0;
  }

  body.clothing-interface .warehouse-operation-list .warehouse-operation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    min-height: 108px;
    padding: 18px 16px;
    border: 1px solid #e4e8e1;
    border-radius: 12px;
    background: #fff;
    color: #263d35;
    font-family: Manrope, Arial, sans-serif;
    text-align: left;
    box-shadow: none;
    transition: background .15s, border-color .15s;
  }

  body.clothing-interface .warehouse-operation-list .warehouse-operation:hover:not(:disabled) {
    border-color: #b9cbb0;
    background: #f6f8f2;
    color: #244e41;
  }

  body.clothing-interface .warehouse-operation-list .warehouse-operation.selected {
    border-color: #9db58f;
    background: #edf3e6;
    color: #244e41;
  }

  body.clothing-interface .warehouse-operation-icon {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #f1f5ec;
    color: #5f7f57;
  }

  body.clothing-interface .warehouse-operation.selected .warehouse-operation-icon {
    background: #dce8d2;
    color: #244e41;
  }

  body.clothing-interface .warehouse-operation-icon .ui-icon {
    width: 22px;
    height: 22px;
  }

  body.clothing-interface .warehouse-operation-copy {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 5px;
  }

  body.clothing-interface .warehouse-operation-copy strong {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  body.clothing-interface .warehouse-operation-copy small {
    color: #7d8c7a;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
  }

  body.clothing-interface .warehouse-operation-chevron {
    display: none;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    color: #7e9874;
  }

  body.clothing-interface .warehouse-operation-panel {
    min-width: 0;
  }

  body.clothing-interface .warehouse-operation-panel > .card + .card {
    margin-top: 24px;
  }

  body.clothing-interface .warehouse-operation-panel .section-head {
    flex-wrap: wrap;
    gap: 12px;
  }

  @media (max-width: 1200px) {
    body.clothing-interface .warehouse-operation-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.clothing-interface .warehouse-operation-chevron {
      display: block;
    }
  }

  @media (max-width: 600px) {
    body.clothing-interface .warehouse-operation-list {
      gap: 10px;
      margin: 24px 0 20px;
    }
    body.clothing-interface .warehouse-operation-list .warehouse-operation {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 10px;
      min-height: 148px;
      padding: 14px 12px;
    }
    body.clothing-interface .warehouse-operation-icon {
      flex-basis: 34px;
      width: 34px;
      height: 34px;
      border-radius: 9px;
    }
    body.clothing-interface .warehouse-operation-icon .ui-icon {
      width: 20px;
      height: 20px;
    }
    body.clothing-interface .warehouse-operation-copy strong {
      font-size: 13px;
    }
    body.clothing-interface .warehouse-operation-copy small {
      font-size: 10px;
    }
    body.clothing-interface .warehouse-operation-chevron {
      position: absolute;
      top: 23px;
      right: 12px;
    }
    body.clothing-interface .warehouse-operation-panel > .card + .card {
      margin-top: 18px;
    }
  }
}

body.clothing-interface .warehouse-stock-form { padding:22px; }
body.clothing-interface .stock-document-heading { align-items:flex-start; gap:12px; margin-bottom:16px; }
body.clothing-interface .stock-document-heading h2 { font-size:18px; margin:0; }
body.clothing-interface .stock-operation-stamp { display:grid; gap:3px; text-align:right; color:#466145; font-size:12px; }
body.clothing-interface .stock-operation-stamp small { font-size:10px; color:#70806e; }
body.clothing-interface .stock-primary-field { max-width:520px; font-size:12px; gap:6px; margin:0; }
body.clothing-interface .stock-primary-field input { min-height:40px; margin:0; }
body.clothing-interface .stock-primary-row { display:grid; grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr); gap:16px; max-width:850px; }
body.clothing-interface .stock-primary-row > :only-child { grid-column:1/-1; }
body.clothing-interface .stock-additional-options { margin:10px 0 12px; font-size:12px; color:#657c5e; }
body.clothing-interface .stock-additional-options summary { cursor:pointer; width:fit-content; }
body.clothing-interface .stock-additional-options .form-grid { margin-top:12px; }
body.clothing-interface .receipt-entry { margin-top:16px; min-width:0; }
body.clothing-interface .stock-product-search { position:relative; max-width:760px; }
body.clothing-interface .receipt-scan-label { display:grid; gap:7px; margin:0; }
body.clothing-interface .receipt-scan-label > span { display:flex; align-items:center; gap:8px; color:#244e41; font-size:12px; font-weight:600; }
body.clothing-interface .receipt-scan-label .ui-icon { width:17px; height:17px; }
body.clothing-interface .receipt-scan-label input { min-height:44px; margin:0; background:#f7faf6; border:1px solid #9bb39a; }
body.clothing-interface .stock-product-results { position:absolute; z-index:20; left:0; right:0; top:100%; max-height:300px; overflow-y:auto; margin-top:5px; padding:5px; border:1px solid #c8d5c3; border-radius:10px; background:#fff; box-shadow:0 10px 28px #244e4120; }
body.clothing-interface .stock-product-results[hidden] { display:none; }
body.clothing-interface .stock-product-results button { display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; padding:10px 12px; border:0; border-radius:6px; background:#fff; color:#263d35; text-align:left; }
body.clothing-interface .stock-product-results button:hover,body.clothing-interface .stock-product-results button[aria-selected="true"] { background:#edf3e6; }
body.clothing-interface .stock-product-results button strong { font-size:13px; font-weight:600; }
body.clothing-interface .stock-product-results button small,body.clothing-interface .stock-product-more { font-size:11px; color:#70806e; }
body.clothing-interface .stock-product-more { display:block; padding:8px 12px; }
body.clothing-interface .stock-entry-caption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; margin:9px 0; }
body.clothing-interface .stock-entry-caption small,body.clothing-interface .stock-entry-caption #stock-line-count { font-size:11px; }
body.clothing-interface .receipt-scan-status { margin:7px 0; color:#315c3e; font-size:12px; overflow-wrap:anywhere; }
body.clothing-interface .receipt-scan-status:empty { display:none; }
body.clothing-interface .receipt-scan-status.error { color:#a12c2c; background:transparent; border:0; padding:0; }
body.clothing-interface .receipt-lines { margin-top:8px; }
body.clothing-interface .receipt-lines table { min-width:820px; width:100%; }
body.clothing-interface .receipt-lines td,body.clothing-interface .receipt-lines th { padding:10px; vertical-align:top; }
body.clothing-interface .receipt-lines td:nth-child(2),body.clothing-interface .receipt-lines td:nth-child(3) { width:90px; }
body.clothing-interface .receipt-lines td:nth-child(4),body.clothing-interface .receipt-lines td:nth-child(5),body.clothing-interface .receipt-lines td:nth-child(6) { width:128px; }
body.clothing-interface .receipt-lines td:last-child { width:44px; }
body.clothing-interface .receipt-lines td input { width:100%; min-width:65px; min-height:38px; margin:0; padding:8px 10px; font-size:13px; }
body.clothing-interface .receipt-lines td input.price { font-size:14px; }
body.clothing-interface .receipt-lines input[readonly] { background:#f5f7f3; color:#6a7b67; border-color:#e5e9e1; box-shadow:none; }
body.clothing-interface .receipt-product-copy { display:grid; gap:4px; min-width:170px; overflow-wrap:anywhere; }
body.clothing-interface .receipt-product-copy strong { font-size:13px; font-weight:600; color:#253a2d; line-height:1.4; }
body.clothing-interface .receipt-product-copy small,body.clothing-interface .receipt-price-hint { font-size:10px; color:#61755f; line-height:1.4; }
body.clothing-interface .receipt-product-copy .receipt-family-note { color:#315c3e; }
body.clothing-interface .receipt-cost-field { display:grid; gap:5px; }
body.clothing-interface .stock-sale-price-cell { display:grid; gap:6px; }
body.clothing-interface .stock-markup-control { display:flex; align-items:center; justify-content:space-between; gap:4px; margin:0; color:#70806e; font-size:9px; white-space:nowrap; }
body.clothing-interface .receipt-lines td .stock-markup-control input { width:56px; min-width:42px; min-height:28px; padding:4px 5px; font-size:11px; }
body.clothing-interface .stock-markup-source { color:#70806e; font-size:9px; line-height:1.3; }
body.clothing-interface .receipt-markup-status { color:#a12c2c; font-size:10px; line-height:1.4; }
body.clothing-interface .receipt-markup-status:empty { display:none; }
body.clothing-interface .stock-remove-line { padding:9px; }
body.clothing-interface .stock-remove-line .ui-icon { width:16px; height:16px; }
body.clothing-interface .warehouse-history { margin-top:18px; padding:0; overflow:hidden; }
body.clothing-interface .warehouse-history-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:17px 22px; border:0; border-radius:0; background:#fff; color:#294b3b; box-shadow:none; text-align:left; }
body.clothing-interface .warehouse-history .warehouse-history-toggle:is(:hover,:focus-visible):not(:disabled) { background:#edf3e6; color:#244e41; }
body.clothing-interface .warehouse-history .warehouse-history-toggle:focus-visible { outline:3px solid #315c3e; outline-offset:-4px; }
body.clothing-interface .warehouse-history-toggle > span { display:flex; align-items:center; gap:10px; }
body.clothing-interface .warehouse-history-toggle strong { font-size:14px; font-weight:600; }
body.clothing-interface .warehouse-history-toggle .ui-icon { width:19px; height:19px; }
body.clothing-interface .warehouse-history-toggle > .ui-icon { transition:transform .15s; }
body.clothing-interface .warehouse-history-toggle[aria-expanded="true"] > .ui-icon { transform:rotate(90deg); }
body.clothing-interface .warehouse-history-panel { padding:0 22px 20px; border-top:1px solid #edf0e9; }
body.clothing-interface .warehouse-history-panel[hidden] { display:none; }
body.clothing-interface .warehouse-history-periods { display:inline-flex; flex-wrap:wrap; gap:5px; margin-top:16px; padding:4px; border:1px solid #e1e8db; border-radius:10px; background:#f4f7f0; }
body.clothing-interface .warehouse-history .warehouse-history-periods button.secondary { min-height:34px; padding:6px 14px; border:1px solid transparent; border-radius:7px; background:transparent; color:#52694c; font-size:12px; font-weight:600; transition:box-shadow .15s; }
body.clothing-interface .warehouse-history .warehouse-history-periods button.secondary[aria-pressed="true"] { border-color:#244e41; background:#244e41; color:#fff; }
body.clothing-interface .warehouse-history .warehouse-history-periods button.secondary:hover:not(:disabled) { border-color:#d0ddc8; background:#e8f0df; color:#244e41; }
body.clothing-interface .warehouse-history .warehouse-history-periods button.secondary[aria-pressed="true"]:hover:not(:disabled) { border-color:#244e41; background:#244e41; color:#fff; }
body.clothing-interface .warehouse-history .warehouse-history-periods button.secondary:focus-visible { outline:2px solid #315c3e; outline-offset:2px; }
body.clothing-interface .warehouse-history-filters { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(150px,1fr) minmax(180px,1.4fr) auto; gap:10px; align-items:end; padding-top:16px; }
body.clothing-interface .warehouse-history-filters label { margin:0; gap:5px; font-size:11px; }
body.clothing-interface .warehouse-history-filters input,body.clothing-interface .warehouse-history-filters select { min-height:38px; margin:0; padding:8px 10px; font-size:12px; width:100%; min-width:0; }
body.clothing-interface .warehouse-history-filters button { min-height:38px; padding:8px 14px; font-size:12px; }
body.clothing-interface .warehouse-history-total { display:grid; gap:3px; min-width:170px; padding:9px 12px; border:1px solid #dce7d4; border-radius:8px; background:#f1f6eb; color:#294b3b; }
body.clothing-interface .warehouse-history-total[hidden] { display:none; }
body.clothing-interface .warehouse-history-total > span { font-size:11px; }
body.clothing-interface .warehouse-history-total > strong { font-size:19px; font-weight:650; line-height:1.35; }
body.clothing-interface .warehouse-history-total > small { font-size:9px; color:#657c5e; line-height:1.35; }
body.clothing-interface .warehouse-history-filters.contextual-history { grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(180px,1.15fr) minmax(180px,1.3fr) auto; }
body.clothing-interface .warehouse-history-filter-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
body.clothing-interface .warehouse-history-filters.contextual-history.has-supplier { grid-template-columns:minmax(120px,.9fr) minmax(120px,.9fr) minmax(180px,1.2fr) auto; grid-template-areas:'from to total actions' 'supplier supplier query query'; }
body.clothing-interface .has-supplier [data-history-filter="warehouse-history-from"] { grid-area:from; }
body.clothing-interface .has-supplier [data-history-filter="warehouse-history-to"] { grid-area:to; }
body.clothing-interface .has-supplier [data-history-filter="warehouse-history-supplier"] { grid-area:supplier; }
body.clothing-interface .has-supplier [data-history-filter="warehouse-history-search"] { grid-area:query; }
body.clothing-interface .has-supplier .warehouse-history-total { grid-area:total; }
body.clothing-interface .has-supplier .warehouse-history-filter-actions { grid-area:actions; }
body.clothing-interface .warehouse-history-supplier-status { font-size:10px; color:#70806e; line-height:1.4; }
body.clothing-interface .warehouse-history-supplier-status:empty { display:none; }
body.clothing-interface .warehouse-history-source { min-height:18px; font-size:11px; margin:12px 0; color:#70806e; }
body.clothing-interface .warehouse-history-error { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:10px 0; padding:10px 12px; color:#944a37; background:#fff8f1; border-radius:8px; font-size:12px; }
body.clothing-interface .warehouse-history-error[hidden] { display:none; }
body.clothing-interface .warehouse-history-content td,body.clothing-interface .warehouse-history-content th { padding:10px; font-size:12px; }
body.clothing-interface .warehouse-history-content { max-height:500px; overflow:auto; }
body.clothing-interface .warehouse-history-content thead th { position:sticky; top:0; z-index:1; background:#f6f8f3; }
body.clothing-interface .warehouse-history-content td strong { display:block; color:#2c4438; font-size:12px; font-weight:600; }
body.clothing-interface .warehouse-history-content td small { display:block; margin-top:5px; color:#70806e; font-size:10px; }
body.clothing-interface .warehouse-history-pagination { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:14px; }
body.clothing-interface .warehouse-history-pagination .muted { font-size:11px; }
@media (max-width:1100px) {
  body.clothing-interface .warehouse-history-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.clothing-interface .warehouse-history-filters.contextual-history { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.clothing-interface .warehouse-history-filters.contextual-history.has-supplier { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'from to' 'total total' 'supplier supplier' 'query query' 'actions actions'; }
  body.clothing-interface .warehouse-history-filters button { justify-self:start; }
}
@media (max-width:600px) {
  body.clothing-interface .warehouse-stock-form { padding:16px; }
  body.clothing-interface .stock-operation-stamp { text-align:left; }
  body.clothing-interface .stock-document-heading { flex-direction:column; }
  body.clothing-interface .stock-primary-row { grid-template-columns:minmax(0,1fr); gap:10px; }
  body.clothing-interface .receipt-entry { margin-top:14px; }
  body.clothing-interface .receipt-lines table { min-width:0; display:block; }
  body.clothing-interface .receipt-lines thead { display:none; }
  body.clothing-interface .receipt-lines tbody { display:block; }
  body.clothing-interface .receipt-lines tr { display:grid; grid-template-columns:minmax(100px,1fr) minmax(100px,1fr); gap:12px; padding:14px 0; border-bottom:1px solid #e4e8e1; }
  body.clothing-interface .receipt-lines td { display:block; width:auto!important; padding:0; border:0; }
  body.clothing-interface .receipt-lines td:first-child { grid-column:1/-1; }
  body.clothing-interface .receipt-lines td[data-stock-column]:not(:first-child)::before { content:attr(data-stock-column); display:block; margin-bottom:6px; font-size:10px; color:#61755f; }
  body.clothing-interface .receipt-lines td:last-child { grid-column:1/-1; justify-self:end; }
  body.clothing-interface .warehouse-history-toggle { padding:16px; }
  body.clothing-interface .warehouse-history-panel { padding:0 16px 16px; }
  body.clothing-interface .warehouse-history-periods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  body.clothing-interface .warehouse-history .warehouse-history-periods button.secondary { width:100%; min-width:0; padding:7px 10px; }
  body.clothing-interface .warehouse-history-filters > label:nth-child(4) { grid-column:1/-1; }
  body.clothing-interface .warehouse-history-filters .warehouse-history-total { grid-column:1/-1; }
  body.clothing-interface .warehouse-history-content table,body.clothing-interface .warehouse-history-content tbody { display:block; min-width:0; }
  body.clothing-interface .warehouse-history-content thead { display:none; }
  body.clothing-interface .warehouse-history-content tr { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px 0; border-bottom:1px solid #edf0e9; }
  body.clothing-interface .warehouse-history-content td { display:block; border:0; padding:0; }
  body.clothing-interface .warehouse-history-content td:nth-child(2) { grid-column:1/-1; grid-row:1; }
  body.clothing-interface .warehouse-history-content td[data-label="Поставщик"]::before,body.clothing-interface .warehouse-history-content td[data-label="Сотрудник"]::before { content:attr(data-label); display:block; margin-bottom:4px; color:#70806e; font-size:9px; }
  body.clothing-interface .warehouse-history-content td { min-width:0; overflow-wrap:anywhere; }
  body.clothing-interface .warehouse-history-content td:last-child { grid-column:2; justify-self:end; }
  body.clothing-interface .warehouse-history-pagination { justify-content:space-between; gap:6px; }
}