/* Component – File info and load area */

.file-name {
  font-size: 0.775rem;
  color: var(--text-muted);
  word-break: break-all;
  line-height: 1.4;
}

.info-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.info-table td {
  padding: 0.15rem 0;
  vertical-align: top;
}

.info-table td:first-child {
  color: var(--text-muted);
  width: 50px;
  font-size: 0.75rem;
  padding-right: 0.75rem;
}

.load-area {
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  padding: 0.6rem;
  text-align: center;
  cursor: pointer;
  font-size: 0.825rem;
  color: var(--text-muted);
  transition: border-color var(--speed), color var(--speed);
  line-height: 1.5;
}

.load-area:hover,
.load-area.drag-over {
  color: var(--text);
}