/* FPA asset upload (docs/FPA_Asset_Upload.md). Project styles on FDS tokens. */

.ss-asset-upload .ss-asset-drop {
  display: flex;
  flex-direction: column;
  gap: var(--fds-space-2);
  padding: var(--fds-space-4);
  border: 1px dashed var(--fds-border);
  border-radius: var(--fds-radius-md);
  background: var(--fds-bg-muted);
}

.ss-asset-upload .ss-asset-drop.is-over {
  border-color: var(--fds-blue-600);
  background: var(--fds-blue-50);
}

.ss-asset-upload .ss-asset-drop p {
  margin: 0;
  color: var(--fds-text-secondary);
}

.ss-asset-upload .ss-asset-current {
  display: flex;
  flex-direction: column;
  gap: var(--fds-space-1);
  padding: var(--fds-space-2) 0;
  border-bottom: 1px solid var(--fds-border);
}

.ss-asset-upload .ss-asset-photo {
  max-width: 160px;
  max-height: 160px;
  border: 1px solid var(--fds-border);
  border-radius: var(--fds-radius-sm);
  background: var(--fds-bg-panel);
  object-fit: contain;
}

.ss-asset-upload .ss-asset-check {
  display: flex;
  flex-direction: column;
  gap: var(--fds-space-2);
  padding: var(--fds-space-3) 0;
}

.ss-asset-upload [data-asset-blocked] ul,
.ss-asset-upload .ss-asset-check ul {
  margin: var(--fds-space-1) 0 0;
  padding-left: var(--fds-space-4);
}

.ss-asset-upload [data-asset-history] table {
  width: 100%;
  text-align: left;
}

.ss-asset-upload [data-asset-history] td,
.ss-asset-upload [data-asset-history] th {
  padding: var(--fds-space-1) var(--fds-space-2);
  vertical-align: top;
}