.fjn-photo-picker {
  position: relative;
  display: grid !important;
  align-items: center;
  justify-items: center;
  width: 100%;
  min-width: 0;
  min-height: 124px !important;
  padding: 17px 22px !important;
  border: 2px dashed #8bb7f1 !important;
  border-radius: 16px !important;
  background: #eef6ff !important;
  color: #153e75 !important;
  text-align: center;
  cursor: pointer;
}
.fjn-photo-picker-icon {display:grid;place-items:center;width:42px;height:42px;margin-bottom:5px;border-radius:14px;background:#dbeafe;font-size:22px}
.fjn-photo-picker strong {font-size:18px}
.fjn-photo-picker small {margin-top:3px;color:#5d7390;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.fjn-photo-picker:hover {border-color:#2563eb !important;background:#e5f1ff !important}
.fjn-photo-picker:focus-within {outline:3px solid rgba(31,111,229,.3);outline-offset:3px}
.fjn-photo-picker > input[type="file"] {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important;clip-path:inset(50%);pointer-events:auto !important}

/* Po wybraniu zdjęcia podgląd zajmuje miejsce pola dodawania. Ukryty input
   pozostaje w DOM, aby przycisk „Zmień zdjęcie” nadal otwierał aparat lub pliki. */
.warehouse-photo-picker.has-photo {
  display: none !important;
}

.warehouse-intake-photo .warehouse-photo-preview {
  margin-top: 0;
}

.warehouse-intake-photo .warehouse-photo-preview img {
  width: 100%;
  max-height: 520px;
  object-fit: contain;
  background: #0f172a;
}

.warehouse-photo-enlarge {
  position: relative;
  display: block;
  width: min(100%, 720px);
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #0f172a;
}
.warehouse-photo-enlarge img {display:block;width:100%;max-height:520px;object-fit:contain}
.warehouse-photo-enlarge span {position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:999px;background:#0f172acc;color:#fff;font-weight:800}
.warehouse-photo-lightbox {position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:58px 16px 16px;background:#020617ed}
.warehouse-photo-lightbox img {width:auto !important;max-width:100%;height:auto;max-height:calc(100vh - 74px) !important;object-fit:contain}
.warehouse-photo-lightbox button {position:fixed;z-index:1;top:14px;right:14px;width:44px;height:44px;padding:0;border-radius:50%;background:#fff;color:#0f172a;font-size:30px;line-height:1}
.warehouse-tire-ocr {display:grid;gap:14px;margin-top:16px;padding:16px;border:1px solid #93c5fd;border-radius:16px;background:#eff6ff}
.warehouse-tire-ocr h4 {margin:3px 0}.warehouse-tire-ocr p {margin:0;color:#475569}.warehouse-tire-ocr>div>span {color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.08em}
.warehouse-tire-ocr dl {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}.warehouse-tire-ocr dl div {padding:10px;border-radius:10px;background:#fff}.warehouse-tire-ocr dt {color:#64748b;font-size:12px}.warehouse-tire-ocr dd {margin:3px 0 0;font-weight:800;overflow-wrap:anywhere}
.warehouse-tire-ocr-actions {display:flex;gap:10px;flex-wrap:wrap}.warehouse-tire-ocr-actions button {min-height:46px}
.warehouse-wheel-photo-ocr {grid-column:1/-1;margin:0;padding:9px 11px;border-radius:10px;font-weight:750}.warehouse-wheel-photo-ocr.is-working {background:#eff6ff;color:#1d4ed8}.warehouse-wheel-photo-ocr.is-good {background:#dcfce7;color:#166534}.warehouse-wheel-photo-ocr.is-warning {background:#fff7ed;color:#9a3412}
.warehouse-dot-field {display:grid;gap:5px}.warehouse-dot-field label>span {position:relative;display:block}.warehouse-dot-field input {width:100%;padding-right:48px}.warehouse-dot-field label i {position:absolute;top:50%;right:14px;display:grid;width:25px;height:25px;place-items:center;transform:translateY(-50%);border:1.5px solid #3b82f6;border-radius:50%;color:#2563eb;font-size:16px;font-style:normal;pointer-events:none}.warehouse-dot-field.is-invalid input {border-color:#dc2626;box-shadow:0 0 0 2px #fee2e2}.warehouse-dot-field small {font-size:12px;font-weight:750}.warehouse-dot-ocr {color:#166534}.warehouse-dot-error {color:#b91c1c}

.warehouse-wheel-photo-card {max-width:100%;min-width:0;overflow:hidden}
.warehouse-wheel-photo-card > div {min-width:0}
.warehouse-wheel-photo-card > div > label {min-width:0}
.warehouse-wheel-photo-card > div > button[data-wheel-photo-remove] {min-width:0;max-width:100%;white-space:normal}

@media (max-width: 900px) {
  .warehouse-wheel-photo-card {grid-template-columns:1fr}
  .warehouse-wheel-photo-card img {width:100%;height:auto;max-height:320px;aspect-ratio:4/3}
  .warehouse-wheel-photo-card > div {grid-template-columns:1fr 1fr}
  .warehouse-wheel-photo-card > div > button[data-wheel-photo-remove] {grid-column:1/-1;width:100%;min-height:48px}
}

@media (max-width: 600px) {
  .fjn-photo-picker {min-height:84px !important;padding:9px 12px !important}
  .warehouse-wheel-photo-card > div {grid-template-columns:1fr}
  .warehouse-wheel-photo-card > div > button[data-wheel-photo-remove] {grid-column:auto}
  .warehouse-photo-preview-actions,.warehouse-tire-ocr-actions {display:grid;grid-template-columns:1fr}
  .warehouse-tire-ocr dl {grid-template-columns:repeat(2,minmax(0,1fr))}
}