/* Workspace components own their layout; no legacy stylesheet is required. */
@layer screens {
  .pui-query-card { container-type:inline-size; background:#fff; border:1px solid var(--pui-line); border-radius:10px; margin:0 0 18px; min-width:0; }
  .pui-query-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; padding:19px 20px 17px; }
  .pui-query-heading h2 { font-size:15px; font-weight:650; line-height:1.4; margin:0; }
  .pui-query-grid { display:grid; gap:16px; align-items:end; padding:0 20px 20px; }
  .pui-query-grid > * { min-width:0; }
  .pui-query-grid--catalog { grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(135px,.9fr) auto; grid-template-areas:"search brand status submit"; }
  .pui-query-search { grid-area:search; }.pui-query-brand { grid-area:brand; }.pui-query-status { grid-area:status; }.pui-query-submit { grid-area:submit; }
  .pui-query-grid--orders { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .pui-query-grid--orders .pui-query-period { grid-column:span 4; }
  .pui-query-order-search { grid-column:span 4; }
  .pui-query-market,.pui-query-finance { grid-column:span 3; }.pui-query-scheme { grid-column:span 2; }.pui-query-order-brand { grid-column:span 4; }
  .pui-query-grid--finance { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .pui-query-field { display:grid; gap:6px; min-width:0; font-size:12px; color:var(--pui-muted); line-height:1.4; }
  .pui-query-field .pui-input,.pui-query-field .pui-select,.pui-query-period .pui-input { width:100%; min-width:0; height:40px; font-size:13px; color:var(--pui-ink); margin:0; }
  .pui-query-field select[multiple] { height:auto; min-height:96px; }
  .pui-query-search-control { position:relative; display:flex; align-items:center; }
  .pui-query-search-control .pui-icon { position:absolute; left:12px; width:17px; height:17px; pointer-events:none; color:var(--pui-muted); }
  .pui-query-search-control input { padding-left:38px; }
  .pui-query-submit .pui-button { min-height:40px; white-space:nowrap; }
  .pui-query-period { border:0; padding:0; margin:0; min-width:0; }
  .pui-query-period legend { font-size:12px; color:var(--pui-muted); margin-bottom:6px; padding:0; }
  .pui-date-time { display:grid; grid-template-columns:minmax(140px,1fr) minmax(88px,.62fr); gap:8px; }
  .pui-date-time input { padding-inline:10px; }
  .pui-date-presets { display:flex; flex-wrap:wrap; gap:4px; font-size:12px; }
  .pui-date-presets a { padding:6px 10px; border-radius:5px; background:var(--pui-soft); color:var(--pui-muted); }
  .pui-date-presets a:hover { background:var(--pui-accent-soft); color:var(--pui-accent); }
  .pui-query-secondary { padding:18px 20px; border-top:1px solid var(--pui-line); background:#fafcfc; }
  .pui-query-extra-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr)); gap:16px; }
  .pui-query-footer { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px 20px; padding:14px 20px; border-top:1px solid var(--pui-line); }
  .pui-query-footer-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; min-width:0; }
  .pui-query-footer .pui-button { min-height:36px; }
  .pui-query-reset { display:inline-flex; align-items:center; gap:6px; color:var(--pui-muted); font-size:13px; line-height:1.4; }
  .pui-query-reset:hover { color:var(--pui-accent); text-decoration:underline; }
  .pui-query-reset .pui-icon { width:15px; height:15px; }
  .pui-query-display { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--pui-muted); font-size:12px; }
  .pui-query-display select { width:auto; max-width:150px; min-height:34px; padding-block:6px; }
  .pui-query-display label:not(:first-child) { margin-left:8px; }
  .pui-query-per-page { display:flex; align-items:center; gap:8px; color:var(--pui-muted); font-size:12px; }
  .pui-query-per-page select { width:85px; min-height:36px; }
  .pui-query-chips { display:flex; flex-wrap:wrap; gap:8px; padding:12px 20px; border-top:1px solid var(--pui-line); }
  .pui-query-chip { display:inline-flex; align-items:center; gap:12px; padding:6px 10px; border-radius:5px; background:var(--pui-accent-soft); font-size:12px; color:var(--pui-accent); }
  .pui-query-chip b { font-weight:600; }.pui-query-chip > span:last-child { font-size:16px; }
  .pui-catalog-utilities { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:0 0 18px; }
  .pui-catalog-utilities p { margin:0; color:var(--pui-muted); font-size:12px; }
  .pui-catalog-price-link { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:14px 18px; background:#e9efed; border-radius:8px; margin:0 0 18px; font-size:12px; }
  .pui-catalog-price-link > div { display:flex; align-items:center; gap:8px 18px; flex-wrap:wrap; }.pui-catalog-price-link strong { font-size:13px; }.pui-catalog-price-link span { color:var(--pui-muted); }
  .pui-import-menu { position:relative; }
  .pui-import-menu > summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; font-size:13px; padding:8px 10px; border:1px solid var(--pui-line); background:white; border-radius:6px; }
  .pui-import-menu-body { display:grid; gap:8px; position:absolute; right:0; top:calc(100% + 6px); z-index:24; padding:12px; width:280px; max-width:calc(100vw - 40px); background:#fff; border:1px solid var(--pui-line); border-radius:8px; box-shadow:var(--pui-shadow); }
  .pui-import-menu-body .pui-button { width:100%; justify-content:flex-start; font-size:12px; }.pui-import-menu-body form { margin:0; }
  .pui-results-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:18px 0; }
  .pui-segments { display:inline-flex; align-items:center; padding:3px; gap:3px; background:#e8edef; border-radius:7px; }
  .pui-segments > button,.pui-segments > a { padding:7px 13px; border:0; min-height:32px; background:transparent; border-radius:5px; color:var(--pui-muted); font-size:12px; text-align:center; line-height:1.4; }
  .pui-segments > .is-active { background:#fff; color:var(--pui-accent); box-shadow:0 1px 3px #172c2220; font-weight:600; }
  .pui-query-check { display:flex; align-items:flex-start; gap:9px; font-size:13px; color:var(--pui-ink); line-height:1.5; cursor:pointer; }
  .pui-query-check input { flex-shrink:0; margin:2px 0 0; width:16px; height:16px; accent-color:var(--pui-accent); }
  .pui-query-check small { display:block; color:var(--pui-muted); font-size:12px; margin-top:2px; }
  .pui-finance-selection { display:flex; align-items:center; flex-wrap:wrap; gap:18px 40px; padding:0 20px 20px; }
  .pui-query-options { border-top:1px solid var(--pui-line); }
  .pui-query-options > summary { padding:14px 20px; cursor:pointer; color:var(--pui-muted); font-size:13px; }
  .pui-query-options > summary .pui-icon { width:16px; height:16px; vertical-align:middle; margin-right:7px; }
  .pui-query-options[open] > summary { color:var(--pui-accent); background:#fafcfc; }
  .pui-query-options-body { display:grid; gap:20px; padding:6px 20px 20px; background:#fafcfc; font-size:13px; }
  .pui-column-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr)); gap:12px; }
  .pui-query-options-body .pui-check { align-items:flex-start; gap:8px; }.pui-query-options-body .pui-check-input { margin-top:2px; flex-shrink:0; }
  .pui-forecast-details { gap:12px; }.pui-code-block { padding:12px; background:var(--pui-soft); overflow:auto; border-radius:6px; }
  .pui-status-menu { width:310px; max-width:calc(100vw - 48px); padding:14px; font-size:13px; }
  .pui-status-menu #statusList { max-height:260px; overflow:auto; display:grid; gap:7px; padding:8px 0; }
  .pui-status-menu .pui-check { gap:9px; align-items:flex-start; }
  .pui-registry { background:#fff; border:1px solid var(--pui-line); border-radius:10px; min-width:0; overflow:hidden; }
  .pui-registry-head { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:18px 20px; border-bottom:1px solid var(--pui-line); }
  .pui-registry-title { display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; font-size:15px; font-weight:600; }
  .pui-registry-title span { color:var(--pui-muted); font-size:12px; font-weight:400; }
  .pui-registry-head .pui-help { margin-top:5px; }.pui-registry .pui-table-scroll { overflow:auto; max-width:100%; }
  .pui-registry .pui-table { margin:0; width:100%; }.pui-finance-panel { margin:18px 0; }
  .pui-sales-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:16px; }
  .pui-sales-card { margin:0; }.pui-orders-summary > summary { cursor:pointer; padding:16px 20px; font-size:14px; }
  .pui-sales-order-line { display:flex; align-items:center; gap:6px; }.pui-sales-order-meta { display:flex; flex-wrap:wrap; gap:4px 8px; margin-top:4px; }
  .pui-sales-product-name { min-width:180px; max-width:320px; white-space:normal; line-height:1.45; }.pui-sales-date > *,.pui-sales-channel > *,.pui-sales-money > *,.pui-sales-tech > * { display:block; }
  .pui-sales-money > span,.pui-sales-tech > span,.pui-sales-date > span,.pui-sales-channel > span { font-size:11px; color:var(--pui-muted); margin-top:4px; }.pui-sales-money strong { font-weight:550; }
  .pui-sales-status { min-width:150px; }.pui-sales-status .pui-badge { display:table; margin-top:5px; }.pui-sales-money.is-negative { color:var(--pui-danger); }
  .pui-chart-frame { position:relative; height:280px; min-width:0; }.pui-chart-frame--compact { height:220px; }
  .pui-finance-table .pui-hook-th-stack { display:grid; gap:3px; }.pui-finance-table .pui-hook-th-stack small { font-weight:400; color:var(--pui-muted); }

  .pui-picker-page { min-width:0; }.pui-queue-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0 12px; }
  .pui-queue-item { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px; border:1px solid var(--pui-line); border-radius:8px; background:#fff; font-size:13px; color:var(--pui-muted); }
  .pui-queue-item strong { font-size:25px; font-weight:650; font-variant-numeric:tabular-nums; color:var(--pui-ink); }
  .pui-queue-item.is-active { border-color:var(--pui-brand); background:var(--pui-accent-soft); color:var(--pui-accent); }.pui-queue-item.is-active strong { color:inherit; }
  .pui-queue-item.pui-hook-is-danger strong { color:var(--pui-danger); }
  .pui-queue-meta { display:flex; flex-wrap:wrap; gap:10px 24px; color:var(--pui-muted); font-size:12px; margin:0 0 20px; }
  .pui-queue-meta a:hover { color:var(--pui-accent); }.pui-queue-meta .is-risk { color:var(--pui-danger); }
  .pui-scan-panel { background:#fff; border:1px solid var(--pui-line); border-radius:10px; padding:20px; }
  .pui-scan-form { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; }
  .pui-scan-field { flex:1 1 300px; gap:9px; font-size:13px; color:var(--pui-ink); font-weight:550; }
  .pui-scan-field input { height:46px; font-family:inherit; font-size:14px; font-weight:400; }
  .pui-scan-form .pui-button { min-height:46px; }
  .pui-scan-meta { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:14px; font-size:12px; color:var(--pui-muted); }.pui-scan-meta a { color:var(--pui-accent); }
  .pui-scan-hint { margin-left:auto; }.pui-picker-tools { margin:20px 0 12px; }
  .pui-filter-chips { display:flex; flex-wrap:wrap; gap:7px; }
  .pui-filter-chip { padding:8px 13px; border:1px solid var(--pui-line); border-radius:6px; background:#fff; color:var(--pui-muted); font-family:inherit; font-size:12px; font-weight:500; line-height:1.4; cursor:pointer; }
  .pui-filter-chip:hover { border-color:var(--pui-brand); }.pui-filter-chip.is-active { border-color:var(--pui-accent); background:var(--pui-accent); color:#fff; }
  .pui-picker-summary { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 14px; color:var(--pui-muted); font-size:12px; padding:12px 0 2px; }
  .pui-picker-options { margin-bottom:18px; border:1px solid var(--pui-line); border-radius:8px; background:#fff; }
  .pui-picker-options > summary { padding:14px 18px; font-size:13px; color:var(--pui-muted); cursor:pointer; }
  .pui-picker-options-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; border-top:1px solid var(--pui-line); padding:20px; }
  .pui-picker-option { display:flex; flex-direction:column; align-items:stretch; gap:13px; min-width:0; font-size:12px; }
  .pui-picker-option-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:26px; }.pui-picker-option-head strong { font-size:13px; }
  .pui-picker-option-row { display:flex; align-items:center; justify-content:space-between; gap:14px; }.pui-picker-option-row select { width:130px; }
  .pui-picker-option .pui-button { font-size:12px; white-space:normal; text-align:left; }
  .pui-pick-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr)); align-items:stretch; }
  .pui-pick-grid .pui-order-card { display:flex; flex-direction:column; gap:18px; height:100%; padding:18px; }
  .pui-pick-grid .pui-order-card.is-problem { border-top:3px solid var(--pui-danger); padding-top:16px; }
  .pui-pick-grid .pui-order-card.is-warning { border-top:3px solid #c78b32; padding-top:16px; }
  .pui-pick-grid .pui-order-card.is-done { border-top:3px solid var(--pui-accent); padding-top:16px; }
  .pui-pick-grid .pui-order-card.is-keyboard-active,.pui-pick-grid .pui-order-card.is-scan-hit { outline:2px solid var(--pui-brand); outline-offset:2px; }
  .pui-pick-grid .pui-order-card.is-multi-match { outline:2px solid #d5ad5e; outline-offset:2px; }
  .pui-pick-head { display:flex; gap:8px 12px; align-items:center; flex-wrap:wrap; }
  .pui-pick-id { display:flex; align-items:center; gap:7px; flex:1; min-width:0; }
  .pui-pick-label { display:none; }.pui-pick-number { padding:0; border:0; background:none; color:var(--pui-accent); text-align:left; font-size:13px; font-weight:650; overflow-wrap:anywhere; }
  .pui-pick-copy { width:26px; height:26px; min-height:26px; font-size:17px; flex-shrink:0; }
  .pui-pick-state { display:flex; gap:5px; flex-wrap:wrap; }.pui-pick-select { display:flex; align-items:center; gap:6px; font-size:11px; color:var(--pui-muted); }
  .pui-pick-select input { width:16px; height:16px; accent-color:var(--pui-accent); }.pui-pick-select span { display:none; }
  .pui-pick-product { display:grid; grid-template-columns:64px minmax(0,1fr); gap:14px; }
  .pui-pick-thumb { position:relative; display:flex; align-items:center; justify-content:center; width:64px; height:76px; background:var(--pui-soft); border:1px solid #e5eaed; border-radius:7px; padding:5px; font-size:11px; color:var(--pui-muted); overflow:hidden; }
  .pui-pick-thumb img { width:100%; height:100%; object-fit:contain; }.pui-pick-thumb .pui-hook-oa-thumb-zoom { position:absolute; right:4px; bottom:2px; }
  .pui-pick-product-main { min-width:0; }.pui-pick-name { display:block; text-align:left; background:none; border:0; padding:0; color:var(--pui-ink); font-size:14px; line-height:1.45; font-weight:550; overflow-wrap:anywhere; }
  .pui-pick-name:hover { color:var(--pui-accent); }.pui-pick-meta { display:flex; gap:5px 10px; flex-wrap:wrap; margin-top:7px; font-size:11px; color:var(--pui-muted); overflow-wrap:anywhere; }
  .pui-pick-meta b { font-weight:450; }.pui-pick-flags { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }.pui-pick-flags .pui-badge { font-size:10px; white-space:normal; }
  .pui-pick-progress { margin-top:auto; }.pui-pick-progress-head { display:flex; align-items:center; justify-content:space-between; font-size:11px; color:var(--pui-muted); margin-bottom:7px; }
  .pui-pick-progress-head strong { font-variant-numeric:tabular-nums; color:var(--pui-ink); }.pui-pick-progress-track { height:4px; background:#e9eef0; border-radius:3px; overflow:hidden; }
  .pui-pick-progress-track > span { display:block; height:100%; background:var(--pui-accent); }
  .pui-pick-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding-top:14px; border-top:1px solid var(--pui-line); }
  .pui-pick-actions .pui-button { min-height:34px; padding:7px 10px; font-size:12px; }.pui-pick-actions form { margin:0; }.pui-pick-actions > :last-child { margin-left:auto; }
  .pui-picker-empty { display:flex; flex-direction:column; align-items:center; gap:12px; grid-column:1/-1; padding:48px 24px; border:1px dashed #cbd6db; border-radius:10px; background:#fff; }
  .pui-picker-empty > .pui-icon { width:32px; height:32px; color:#93a7af; }.pui-picker-empty h2 { font-size:17px; margin:0; }.pui-picker-empty p { margin:0; font-size:13px; color:var(--pui-muted); }
  .pui-picker-pager { display:flex; justify-content:center; align-items:center; gap:20px; font-size:13px; padding:14px 0; }.pui-picker-pager a { padding:8px 12px; background:#fff; border:1px solid var(--pui-line); border-radius:6px; }
  .pui-image-dialog { width:min(800px,calc(100vw - 32px)); }.pui-image-dialog .pui-dialog-body { display:flex; justify-content:center; min-height:150px; }.pui-image-dialog img { max-width:100%; max-height:70vh; object-fit:contain; }
  dialog.pui-image-dialog:not([open]) { display:none; }
  .pui-hook-oa-density-compact .pui-order-card { gap:13px; padding:14px; }.pui-hook-oa-density-compact .pui-pick-product { grid-template-columns:52px minmax(0,1fr); gap:10px; }.pui-hook-oa-density-compact .pui-pick-thumb { width:52px; height:62px; }
  @container (max-width:900px) {
    .pui-query-grid--catalog { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"search search" "brand status" "submit submit"; }.pui-query-submit { justify-self:start; }
    .pui-query-grid--orders { grid-template-columns:repeat(6,minmax(0,1fr)); }.pui-query-grid--orders .pui-query-period { grid-column:span 3; }
    .pui-query-order-search { grid-column:span 6; }.pui-query-market,.pui-query-scheme,.pui-query-finance,.pui-query-order-brand { grid-column:span 3; }
    .pui-query-grid--finance { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @container (max-width:560px) {
    .pui-query-heading { padding:16px; }.pui-query-grid { padding:0 16px 16px; gap:14px; }
    .pui-query-grid--catalog { grid-template-columns:minmax(0,1fr); grid-template-areas:"search" "brand" "status" "submit"; }.pui-query-submit { justify-self:stretch; }.pui-query-submit .pui-button { width:100%; }
    .pui-query-grid--orders,.pui-query-grid--finance { grid-template-columns:minmax(0,1fr); }.pui-query-grid--orders > * { grid-column:1; }
    .pui-query-footer { padding:14px 16px; align-items:stretch; }.pui-query-footer > * { max-width:100%; }
    .pui-query-footer-actions { gap:10px; }.pui-query-footer-actions > .pui-button--primary { flex:1; }
    .pui-query-secondary,.pui-query-options-body { padding:16px; }.pui-query-options > summary { padding-inline:16px; }.pui-finance-selection { padding-inline:16px; }
    .pui-query-display { width:100%; justify-content:flex-start; }.pui-query-chips { padding-inline:16px; }
  }
  @media (max-width:1100px) {
    .pui-queue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pui-picker-options-grid { grid-template-columns:minmax(0,1fr); }.pui-picker-option + .pui-picker-option { padding-top:18px; border-top:1px solid var(--pui-line); }
  }
  @media (max-width:720px) {
    .pui-queue-item { padding:14px; font-size:12px; }.pui-queue-item strong { font-size:22px; }.pui-queue-grid { gap:8px; }.pui-queue-meta { gap:10px 16px; }
    .pui-scan-panel { padding:16px; }.pui-scan-form .pui-button { flex:1; min-height:40px; }.pui-scan-hint { margin-left:0; }.pui-scan-field { flex-basis:100%; }
    .pui-filter-chip { padding:8px 10px; }.pui-picker-options > summary { line-height:1.5; }.pui-picker-options-grid { padding:16px; }
    .pui-results-tools > .pui-actions { width:100%; }.pui-results-tools .pui-actions .pui-button { flex:1; }.pui-catalog-utilities { align-items:start; }
  }
}