@media screen {
  .ozon-workflow {overflow-wrap:anywhere}
  .ozon-workflow .actions {display:flex;gap:10px;flex-wrap:wrap}
  .ozon-workflow .actions>* {flex:1;min-width:110px}
  .ozon-workflow button,.ozon-workflow select {min-height:48px}
  .ozon-workflow input,.ozon-workflow select {max-width:100%;width:100%;box-sizing:border-box}
  .ozon-workflow .ow-count {font-size:24px;font-weight:650}
  .ozon-workflow .ow-scan {font-size:20px;min-height:52px}
  .ozon-workflow .ow-result {padding:14px;border:1px solid #e1e6ef;border-radius:10px;background:#fff}
  .ozon-workflow .ow-ready {background:#eaf6ef;color:#215b37}
  .ozon-workflow .ow-error {background:#fff0ef;color:#852b28}
  .ozon-workflow .ow-check {display:flex;align-items:center;gap:8px;min-height:44px}
  .ozon-workflow .ow-check input {width:20px;height:20px}
  .ozon-workflow .ow-unit {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #e1e6ef}
  .ozon-workflow .ow-unit code {overflow-wrap:anywhere}
  .ozon-workflow details {margin:16px 0}
  .ozon-workflow summary {cursor:pointer;min-height:44px;padding:10px 0}
  .ozon-workflow progress {width:100%}
  .ozon-workflow .slot {font-size:36px}
  .ozon-workflow .ow-toolbar {display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}
  .ozon-workflow .ow-toolbar a {min-height:44px;display:inline-flex;align-items:center}
  dialog.ozon-workflow {box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:85vh;overflow:auto;border:1px solid #e1e6ef;border-radius:14px;padding:20px}
  dialog.ozon-workflow label {display:block;margin-top:12px}
  .ozon-workflow .ow-candidates {max-height:35vh;overflow:auto}
  .ozon-workflow .ow-candidates button {width:100%;margin:4px 0;text-align:left}
  .ozon-workflow .ow-back {display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;box-sizing:border-box;background:var(--cabinet-surface,#fff);border:1px solid var(--cabinet-border);border-radius:10px;color:var(--cabinet-ink);text-decoration:none;font-weight:600}
  .ozon-workflow #ow-scan-card {border-color:#c8d3ec}
  .ozon-workflow #ow-scan-card[hidden] {display:none}
  .ozon-workflow .ow-scan-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
  .ozon-workflow .ow-scan-heading h2 {margin:0}
  .ozon-workflow .ow-audio {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .ozon-workflow .ow-audio .ow-check {margin:0;white-space:nowrap}
  .ozon-workflow .ow-audio input {flex:none}
  .ozon-workflow #ow-sound-note:empty {display:none}
  .ozon-workflow #ow-sound-note:not(:empty) {display:block;margin-bottom:12px}
  .ozon-workflow #ow-scan {display:block}
  .ozon-workflow #ow-scan[hidden] {display:none}
  .ozon-workflow #ow-scan .ow-scan {font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:1px}
  .ozon-workflow #ow-scan button {display:block;width:100%;margin-top:12px}
  .ozon-workflow.ow-packing .ow-result {margin-bottom:0}
  .ozon-workflow.ow-packing>h1 {text-align:left;font-size:28px;margin:10px 0 24px;font-weight:650;letter-spacing:-.7px}
  .ozon-workflow.ow-packing>.ow-back {margin-bottom:14px}
  .ozon-workflow .ow-product p strong {font-size:22px}
  .ozon-workflow .ow-product {padding:16px 0;border-bottom:1px solid var(--cabinet-border)}
  .ozon-workflow .ow-product p {margin:6px 0}
  .ozon-workflow .ow-actions {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
  #ow-uin-ozon {overflow-wrap:anywhere}
  #ow-uin-ozon button {max-width:100%;white-space:normal}
}

@media screen {
  .ow-supply-page {overflow-wrap:anywhere}
  .ow-supply-page .ow-supply-title {color:inherit;text-decoration:none}
  .ow-supply-page .ow-supply-title:hover {color:var(--cabinet-accent);text-decoration:underline}
  .ow-supply-page .actions {flex-wrap:wrap}
  .ow-supply-page #ozon-work-tools .actions button {margin:0}
  .ow-supply-page #ozon-supply-more {margin-top:24px}
  .ow-supply-page #ozon-work-tools [data-ow-message]:empty {display:none}
}

@media screen {
  .ow-bag-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
  .ow-bag-grid>div,.ow-bag-grid>button {padding:14px;border:1px solid #ccd3e3;border-radius:12px;background:#fff;text-align:left}
  .ow-bag-grid strong,.ow-bag-grid small {display:block}
  .ow-bag-grid small {margin-top:6px;overflow-wrap:anywhere}
  .ow-bag-distribution,.ow-bag-selected {padding:14px;margin:12px 0;border-left:4px solid #4964bd;background:#edf1ff;border-radius:8px}
  .ow-bag-selected>strong {font-size:22px}
  .ow-bag-distribution p,.ow-bag-selected p {margin:8px 0}
}

@media screen {
  .ozon-workflow .ow-pack-product {display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start}
  .ow-pack-description {min-width:0;overflow-wrap:anywhere}
  .ozon-workflow .ow-pack-photo .ozon-photo-open,.ozon-workflow .ow-pack-photo .ozon-no-photo {display:flex;align-items:center;justify-content:center;width:80px;height:107px;margin:0;padding:0;border:1px solid var(--cabinet-border);border-radius:10px;background:var(--cabinet-bg,#f3f5f9);overflow:hidden;font-size:13px;color:var(--cabinet-muted)}
  .ow-pack-photo img {display:block;width:80px;height:107px;object-fit:contain}
}