/* Inventory work surface. Keep the map and form controls in their existing DOM. */
#inventoryMapView,
#inventoryPositionEditorView {
  --inventory-accent: #286653;
  --inventory-accent-soft: #e7f1eb;
  --inventory-warning: #a57024;
  --inventory-danger: #a34949;
  --field-accent: var(--inventory-accent);
}

#inventoryMapView .module-header {
  align-items: end;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
#inventoryMapView .module-header h1 {margin: 0;font-size: 29px}
#inventoryMapView .module-lead {margin-top: 5px;line-height: 1.45}
#inventoryMapView.is-inventory-worker .module-header .eyebrow,
#inventoryMapView.is-inventory-worker .module-lead,
#inventoryMapView.is-inventory-worker .inventory-field-session-heading .eyebrow,
#inventoryMapView.is-inventory-worker .inventory-queue-heading .eyebrow {display: none}
#inventoryMapView .module-actions {align-self: end}
#inventoryMapView #inventoryNewPosition {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding-inline: 18px}
#inventoryMapView #inventoryNewPosition .ws-icon {width: 18px;height: 18px;flex-basis: 18px}
#inventoryMapView .inventory-view-switch {width: fit-content;margin: 0 0 18px;padding: 3px;border: 1px solid var(--line);border-radius: 6px;background: var(--white)}
#inventoryMapView .inventory-view-switch .segment {min-height: 38px;padding: 7px 14px;border: 0!important;border-radius: 4px}
#inventoryMapView .inventory-view-switch [aria-pressed="true"] {background: var(--black-03)!important;color: var(--white)!important}

#inventoryMapView .inventory-field-session {
  gap: 16px;
  margin: 0 0 22px;
  padding: 16px 0 20px;
  border-top: 0;
  border-bottom: 1px solid var(--line-strong);
}
#inventoryMapView .inventory-field-session-heading {align-items: baseline;gap: 12px}
#inventoryMapView .inventory-field-session-heading h2 {font-size: 17px;line-height: 1.35}
#inventoryMapView #inventorySessionStatus {font-size: 13px;line-height: 1.4;text-align: right}
#inventoryMapView .inventory-session-controls {grid-template-columns: minmax(160px, .7fr) minmax(190px, 1fr) minmax(220px, .95fr);gap: 12px;align-items: end}
#inventoryMapView .inventory-session-controls label {gap: 7px;min-width: 0}
#inventoryMapView .inventory-session-controls label > span {font-size: 12px;color: var(--black-02)}
#inventoryMapView .inventory-session-controls select {width: 100%;min-height: 48px;font-size: 15px}
#inventoryMapView .inventory-session-start-actions {display: grid;grid-template-columns: 1fr 1fr;gap: 8px;min-width: 0}
#inventoryMapView .inventory-session-start-actions .button {min-width: 0;padding: 9px 10px;line-height: 1.25}
#inventoryMapView .inventory-session-active {padding: 13px 16px;border-left: 4px solid var(--inventory-accent);border-radius: 4px}
#inventoryMapView .inventory-session-active.is-paused {border-left-color: var(--inventory-warning)}
#inventoryMapView .inventory-session-active strong {font-size: 16px}
#inventoryMapView .inventory-session-active > div span {font-size: 13px}
#inventoryMapView .inventory-session-actions .button {min-height: 42px}
#inventoryMapView .inventory-work-direction {margin-top: 0;padding: 12px 16px;background: var(--inventory-accent-soft);border-left-color: var(--inventory-accent)}

#inventoryMapView .inventory-map-toolbar {margin-bottom: 12px;padding: 11px 0;gap: 8px}
#inventoryMapView .inventory-map-layer-controls {display:none;align-items:center;gap:10px;min-width:0;margin:0;padding:4px 10px;border:1px solid var(--line);border-radius:4px}
#inventoryMapView.is-inventory-supervisor[data-admin-tab="live"] .inventory-map-layer-controls {display:flex}
#inventoryMapView .inventory-map-layer-controls legend {padding:0 4px;font-size:12px;color:var(--black-02)}
#inventoryMapView .inventory-map-layer-controls label {display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap;cursor:pointer}
#inventoryMapView .inventory-map-layer-controls input {width:17px;height:17px;accent-color:var(--inventory-accent)}
#inventoryMapView .inventory-map-toolbar .button {min-height: 38px;font-size: 13px;padding: 7px 11px}
#inventoryMapView .inventory-map-layout {grid-template-columns: minmax(0, 1fr) minmax(330px, 360px);gap: 18px;align-items: start}
#inventoryMapView .inventory-map-panel {padding: 0;overflow: hidden;border: 1px solid var(--line-strong);border-radius: 4px;background: var(--white)}
#inventoryMapView .inventory-position-register {top: 16px;max-height: calc(100dvh - 32px);border: 1px solid var(--line);border-radius: 4px;background: var(--white)}
#inventoryMapView .inventory-register-heading {padding: 16px 16px 10px}
#inventoryMapView .inventory-register-heading h2 {font-size: 18px}
#inventoryMapView .inventory-register-heading > span {font-size: 12px}
#inventoryMapView .inventory-sector-toolbar {padding: 0 16px 12px}
#inventoryMapView .inventory-sector-toolbar label {grid-column: 1/-1}
#inventoryMapView .inventory-sector-toolbar #inventorySectorNewPosition {display: none}
#inventoryMapView .inventory-register-heading,
#inventoryMapView .inventory-sector-toolbar {display: none}
#inventoryMapView .inventory-queue-heading {padding: 14px 16px 9px;border-top: 1px solid var(--line)}
#inventoryMapView .inventory-queue-heading {border-top: 0}
#inventoryMapView .inventory-queue-heading h3 {font-size: 16px}
#inventoryMapView .inventory-queue-heading > span {font-size: 12px}
#inventoryMapView .inventory-register-toolbar {padding: 0 16px 14px}
#inventoryMapView .inventory-position-row {min-height: 74px;padding: 13px 16px;border: 0;border-top: 1px solid var(--line);border-radius: 0;background: transparent;box-shadow: none}
#inventoryMapView .inventory-position-row:hover,
#inventoryMapView .inventory-position-row.is-active {background: var(--inventory-accent-soft)}
#inventoryMapView .inventory-position-list .empty-state {min-height: 110px}
#inventoryMapView .inventory-map-live-status {border-radius: 4px;box-shadow: 0 2px 12px #0002}
#inventoryMapView .inventory-map-tile-notice,
#inventoryPositionEditorView .inventory-map-tile-notice {top: auto;bottom: 32px;left: 10px;right: 10px}
#inventoryMapView .inventory-worker-shortcuts {display: none}
#inventoryMapView .inventory-map-panel,
#inventoryMapView .inventory-position-register {scroll-margin-top: 16px}

#inventoryPositionEditorView .inventory-editor-header {margin-bottom: 12px}
#inventoryPositionEditorView .inventory-editor-back {margin-bottom: 8px;color: var(--inventory-accent);font-weight: 650}
#inventoryPositionEditorView .inventory-editor-header h1 {font-size: 26px}
#inventoryPositionEditorView .inventory-field-signal {position: sticky;top: 0;z-index: 20;margin-bottom: 16px;padding: 13px 16px;min-height: 58px;font-size: 17px;line-height: 1.35;border: 1px solid var(--line);border-left: 5px solid var(--inventory-danger);border-radius: 4px;background: var(--white);box-shadow: 0 3px 12px #0000000a}
#inventoryPositionEditorView .inventory-field-signal[data-signal="fixed"] {border-left-color: var(--inventory-accent)}
#inventoryPositionEditorView .inventory-field-signal[data-signal="float"] {border-left-color: var(--inventory-warning)}
#inventoryPositionEditorView .inventory-position-editor-layout {grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr);gap: 20px}
#inventoryPositionEditorView .inventory-position-editor-card {border: 1px solid var(--line);border-radius: 4px}
#inventoryPositionEditorView .inventory-position-dialog-header {padding: 18px 20px 10px}
#inventoryPositionEditorView .inventory-position-dialog-header h2 {font-size: 19px}
#inventoryPositionEditorView .inventory-workflow-progress {padding: 0 20px}
#inventoryPositionEditorView .inventory-workflow-progress li {font-size: 13px;line-height: 1.3}
#inventoryPositionEditorView .inventory-workflow-progress li.is-active {border-bottom-color: var(--inventory-accent);color: var(--inventory-accent)}
#inventoryPositionEditorView .inventory-workflow-progress li.is-active span {background: var(--inventory-accent);border-color: var(--inventory-accent)}
#inventoryPositionEditorView .inventory-position-settings > summary {padding: 13px 20px}
#inventoryPositionEditorView .inventory-position-form {padding: 16px 20px}
#inventoryPositionEditorView .inventory-method-bar {padding: 14px 20px}
#inventoryPositionEditorView .inventory-position-workflow {padding: 0 20px 20px}
#inventoryPositionEditorView .inventory-stage-tabs [aria-pressed="true"] {border-bottom-color: var(--inventory-accent);color: var(--inventory-accent)}
#inventoryPositionEditorView .inventory-capture-button {min-height: 64px;font-size: 18px}
#inventoryPositionEditorView .inventory-finish-bar {border-top-color: var(--line-strong)}

html[data-theme="dark"] #inventoryMapView,
html[data-theme="dark"] #inventoryPositionEditorView {--inventory-accent: #83c5a5;--inventory-accent-soft: #1e332b;--inventory-warning: #e0bd77;--inventory-danger: #d98787;--ws-on-accent: #10231b}
html[data-theme="dark"] #inventoryMapView .inventory-work-direction {background: var(--inventory-accent-soft)}
html[data-theme="dark"] #inventoryMapView .inventory-view-switch [aria-pressed="true"] {background: var(--white)!important;color: var(--black-03)!important}

@media (max-width: 1120px) {
  #inventoryMapView .inventory-map-layout {grid-template-columns: minmax(0, 1fr) minmax(290px, 320px);gap: 12px}
  #inventoryMapView .inventory-session-controls {grid-template-columns: repeat(2, minmax(0, 1fr))}
  #inventoryMapView .inventory-session-start-actions {grid-column: 1/-1;max-width: 520px}
}
@media (max-width: 850px) {
  #inventoryMapView .inventory-map-layout {grid-template-columns: 1fr}
  #inventoryMapView .inventory-position-register {position: static;max-height: none;overflow: visible}
  #inventoryMapView .inventory-map-panel {min-height: 0}
  #inventoryMapView .inventory-poland-map,
  #inventoryMapView .inventory-map-canvas {height: 52dvh;min-height: 340px;max-height: 600px}
  #inventoryPositionEditorView .inventory-position-editor-layout {grid-template-columns: 1fr}
}
@media (max-width: 600px) {
  #inventoryMapView .module-header {align-items: stretch;gap: 12px;padding-bottom: 14px}
  #inventoryMapView .module-header h1 {font-size: 25px}
  #inventoryMapView .module-actions {width: 100%}
  #inventoryMapView #inventoryNewPosition {width: 100%}
  #inventoryMapView .inventory-view-switch {width: 100%}
  #inventoryMapView .inventory-view-switch .segment {flex: 1;min-width: 0;padding-inline: 8px}
  #inventoryMapView.is-inventory-worker.has-field-session .inventory-worker-shortcuts {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;margin: 0 0 12px}
  #inventoryMapView .inventory-worker-shortcuts button {min-width: 0;min-height: 44px;padding: 8px 10px;border: 1px solid var(--line-strong);border-radius: 4px;background: var(--white);color: var(--black-03);font: 600 14px "Segoe UI",Arial,sans-serif;cursor: pointer}
  #inventoryMapView .inventory-worker-shortcuts button:hover,
  #inventoryMapView .inventory-worker-shortcuts button:focus-visible {border-color: var(--inventory-accent);color: var(--inventory-accent)}
  #inventoryMapView .inventory-field-session-heading {align-items: start;flex-direction: column;gap: 5px}
  #inventoryMapView #inventorySessionStatus {text-align: left}
  #inventoryMapView .inventory-session-controls {grid-template-columns: 1fr}
  #inventoryMapView .inventory-session-start-actions {grid-column: auto;max-width: none}
  #inventoryMapView .inventory-session-active {align-items: start;flex-wrap: wrap}
  #inventoryMapView .inventory-session-active > div {min-width: 0}
  #inventoryMapView .inventory-session-actions {width: 100%;display: grid;grid-template-columns: 1fr 1fr}
  #inventoryMapView .inventory-session-actions .button {min-width: 0;padding-inline: 8px;font-size: 13px}
  #inventoryMapView .inventory-map-toolbar {overflow-x: auto;flex-wrap: nowrap}
  #inventoryMapView .inventory-map-toolbar > * {flex-shrink: 0}
  #inventoryMapView .inventory-poland-map,
  #inventoryMapView .inventory-map-canvas {height: 46dvh;min-height: 300px}
  #inventoryPositionEditorView .inventory-field-signal {font-size: 16px;padding: 11px 13px}
  #inventoryPositionEditorView .inventory-workflow-progress {padding: 0 16px}
  #inventoryPositionEditorView .inventory-workflow-progress li {font-size: 12px}
  #inventoryPositionEditorView .inventory-position-dialog-header,
  #inventoryPositionEditorView .inventory-position-form,
  #inventoryPositionEditorView .inventory-position-settings > summary,
  #inventoryPositionEditorView .inventory-method-bar {padding-inline: 16px}
  #inventoryPositionEditorView .inventory-position-workflow {padding-inline: 16px}
}